@extends('admin-dining.layouts.guest')

@section('content')
  <!-- Auth Header -->
  <div class="auth-header">
    <h2>Welcome Back</h2>
    <p>Sign in to your account to continue</p>
  </div>

  <!-- Session Status -->
  @if (session('status'))
    <div class="auth-alert auth-alert-success">
      <i class="bi bi-check-circle"></i>
      <span>{{ session('status') }}</span>
    </div>
  @endif

  <form method="POST" action="{{ route('login-dining') }}" class="auth-form">
    @csrf

    <!-- Email Address -->
    <div class="form-group">
      <label for="email" class="form-label">Email Address</label>
      <input id="email" type="email" name="email" value="{{ old('email') }}" class="form-input"
        placeholder="Enter your email" required autofocus autocomplete="username">
      @error('email')
        <span class="input-error">{{ $message }}</span>
      @enderror
    </div>

    <!-- Password -->
    <div class="form-group">
      <label for="password" class="form-label">Password</label>
      <input id="password" type="password" name="password" class="form-input" placeholder="Enter your password" required
        autocomplete="current-password">
      @error('password')
        <span class="input-error">{{ $message }}</span>
      @enderror
    </div>

    <!-- Remember Me & Forgot Password -->
    <div class="auth-actions">
      <div class="form-checkbox-group">
        <input id="remember_me" type="checkbox" name="remember" class="form-checkbox">
        <label for="remember_me" class="checkbox-label">Remember me</label>
      </div>
    </div>

    <!-- Submit Button -->
    <button type="submit" class="btn-auth btn-primary">
      <i class="bi bi-box-arrow-in-right"></i>
      Log In
    </button>
  </form>
@endsection