<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Deywuro | Admin Login</title>
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  <link rel="apple-touch-icon" href="{{asset('img/logo.png')}}">
  <link rel="shortcut icon" href="{{asset('img/logo.png')}}">
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="{{asset('UI/bootstrap.min.css')}}">
  <link rel="stylesheet" href="{{asset('UI/mdb.css')}}">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="{{asset('vendor/dist/css/AdminLTE.min.css')}}">
  <!-- iCheck -->
  <link rel="stylesheet" href="{{asset('vendor/plugins/iCheck/square/blue.css')}}">


  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

  <style>
    .login-page {
      /*background: #212121;*/
          background-image: url("{{asset('img/NPUNTU_3.png')}}");overflow: hidden;
      background-repeat: no-repeat;
      background-size:100%
    }

    @media screen and (min-width: 100px) and (max-width: 480px) {
      .login-page {
        background: #ffcb09;
      }
    }
    @media screen and (min-width: 480px) and (max-width: 768px) {
      .login-page {
        background: #ffcb09;
      }
    }

    .field-icon {
      float: right;
      margin-left: -25px;
      margin-top: -25px;
      position: relative;
      z-index: 2;
    }
  </style>


</head>
<body class="hold-transition login-page">

<div class="container">
  <div class="row">
    <div class="col-sm-12 col-lg-12">
      <div class="login-box" style="margin-top: 4em;float: left;border-radius: 1em">

        <div class="login-box-body" style="background-color: rgba(15, 15, 15, 0.6) !important;">
          <div class="login-logo">
            <img style="height: 70px" src="{{ !empty($reseller) && !empty($reseller->picture) ? route('get_user_picture', ['id' => $reseller->id]) : asset('img/logo.png')}}" >
          </div>
          <p class="login-box-msg" style="font-size: 0.8em;color:#fff;opacity: 0.8;font-family: Raleway;font-weight: bold"><font style="color:#ffbb33">ADMIN LOGIN</font><br>
            Your Leading Communication Gateway... Login to start session
          </p>
          <br>
          <form  method="post">
            <div class="g-recaptcha" data-sitekey="6LfV7qgUAAAAADBnYLdZOIjS5Ga82R-qWYcuhF6D" data-callback="checkResponse"></div>
            @if(count($errors)>0)
              <div class="alert alert-danger" style="background: #e53935;background: -webkit-linear-gradient(to right, #e35d5b, #e53935);background: linear-gradient(to right, #e35d5b, #e53935);">
                <ul>
                  @foreach($errors->all() as $error)
                    <li style="font-family: Raleway;font-size: 0.8em">
                      {{$error}}
                    </li>
                  @endforeach
                </ul>
              </div>
            @endif
            @if (\Session::has('success'))
              <div class="alert alert-success">
                <ul>
                  <li>
                    {!! \Session::get('success') !!}
                  </li>
                </ul>
              </div>
            @endif
              @csrf
            <div id="form-content">

            </div>
          </form>
          <hr>
        </div>
      </div>


    </div>
  </div>
</div>

</body>

<!-- jQuery 2.2.3 -->
<script src="{{asset('vendor/plugins/jQuery/jquery-2.2.3.min.js')}}"></script>
<!-- Bootstrap 3.3.6 -->
<script src="{{asset('vendor/bootstrap/js/bootstrap.min.js')}}"></script>
<!-- iCheck -->
<script src="{{asset('vendor/plugins/iCheck/icheck.min.js')}}"></script>
<script src="{{asset('js/onion2.js')}}"></script>

</html>
