@extends('backoffice.template.auth')
@section('content')
  <div class="card">
    <div class="card-body">
      <!-- Logo -->
      <div class="app-brand justify-content-center">
        <a href="index.html" class="app-brand-link gap-2">
          <h4 class="mt-2"><b>Admin Backoffice</b></h4>
        </a>
      </div>
      <!-- /Logo -->
      <h5 class="mb-2">Welcome to Gamping Online</h5>
      <p class="mb-4">Silahkan login menggunakan username dan password yang telah terdaftar.</p>

      <form id="formAuthentication" class="mb-3" action="{{ route('admin.loginAction') }}" method="POST">
        @csrf
        <div class="mb-3">
          <label for="username" class="form-label">Username</label>
          <input required type="text" class="form-control" id="username" name="username"
            placeholder="Masukkan username anda" autofocus="" fdprocessedid="18i61o">
        </div>
        <div class="mb-3 form-password-toggle">
          <div class="d-flex justify-content-between">
            <label class="form-label" for="password">Password</label>
            {{-- <a href="auth-forgot-password-basic.html">
              <small>Forgot Password?</small>
            </a> --}}
          </div>
          <div class="input-group input-group-merge">
            <input required type="password" id="password" class="form-control" name="password" placeholder="············"
              aria-describedby="password" fdprocessedid="me6w4">
            <span class="input-group-text cursor-pointer"><i class="bx bx-hide"></i></span>
          </div>
        </div>
        {{-- <div class="mb-3">
          <div class="form-check">
            <input class="form-check-input" type="checkbox" id="remember-me">
            <label class="form-check-label" for="remember-me">
              Remember Me
            </label>
          </div>
        </div> --}}
        <div class="mb-3">
          <button class="btn d-grid w-100 text-white" type="submit" fdprocessedid="6bh6gge" style="background: #9e0e13;">Masuk</button>
        </div>
      </form>

      {{-- <p class="text-center">
        <span>New on our platform?</span>
        <a href="auth-register-basic.html">
          <span>Create an account</span>
        </a>
      </p> --}}
    </div>
  </div>
@endsection
@section('script')
  @if (session('failed'))
    <script>
      Swal.fire({
        icon: 'error',
        title: 'Gagal Login',
        text: "{{ session('failed') }}",
      })
    </script>
  @endif
@endsection