@extends('layouts.admin.focused')
@section('content')

      <div class="mb-12">
        <h5 class="mb-2">Welcome Back</h5>
        <p class="text-muted mb-0">
          Sign in to access your dashboard, manage data, and explore analytics
        </p>
      </div>
      <form id="signinForm" action="{{route('admin.signin.submit')}}" method="POST">
        @csrf
        <div class="mb-4">
          <input type="email" name="email" class="form-control" id="email" placeholder="Email Address" required>
        </div>
        <div class="mb-4">
          <div class="position-relative">
            <input type="password" class="form-control" name="password" id="password" placeholder="Password" required>
            <button type="button" class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted toggle-password" id="toggle-password" data-target="password">
              <i class="ri-eye-off-line align-middle"></i>
            </button>
          </div>
        </div>
        <div class="mb-10">
          <div class="d-flex flex-wrap justify-content-between align-items-center">
            <div class="form-text ms-auto">
              <a href="{{route('admin.forgot_password')}}" class="link link-primary">Forgot password?</a>
            </div>
          </div>
        </div>
        <div class="text-center">
          <button type="submit" class="btn btn-primary w-100">Sign In</button>
        </div>
      </form>
@endsection