@extends('admin.layouts.app')

@section('content')
  <main class="admin-auth-page">
    <section class="admin-auth-card" aria-labelledby="admin-login-heading">
      <span class="admin-auth-kicker">Protected Workspace</span>
      <h1 id="admin-login-heading">Admin Login</h1>
      <p>Sign in to manage the PHEARUM dashboard, review content priorities, and plan the next improvements.</p>

      @if ($errors->any())
        <div class="admin-auth-alert" role="alert">
          {{ $errors->first() }}
        </div>
      @endif

      <form method="POST" action="{{ route('admin.authenticate') }}" class="admin-auth-form">
        @csrf

        <label for="email">Email</label>
        <input id="email" type="email" name="email" value="{{ old('email') }}" placeholder="example@phearum.com" required autofocus>

        <label for="password">Password</label>
        <input id="password" type="password" name="password" placeholder="Enter your password" required>

        <label class="admin-auth-checkbox" for="remember">
          <input id="remember" type="checkbox" name="remember" value="1" @checked(old('remember'))>
          <span>Keep me signed in on this device</span>
        </label>

        <button type="submit" class="admin-auth-btn">Enter Dashboard</button>
      </form>
    </section>
  </main>
@endsection