@extends('layouts.guest')

@section('title', 'Forgot Password - Academic Result Management')
@section('heading', 'Forgot your password?')
@section('description', 'No problem. Just enter your email and we’ll send you a reset link.')
@section('mobile-heading', 'Forgot Password')
@section('mobile-description', 'Enter your email to reset your password')

@section('content')
    <form method="POST" action="{{ route('password.email') }}" class="space-y-5">
        @csrf

        <!-- Email Address -->
        <x-input-group id="email" name="email" type="email" value="{{ old('email') }}" label="Email Address" placeholder="you@example.com">
            <x-slot:left>
                <i class="fa-solid fa-envelope text-gray-400"></i>
            </x-slot:left>
        </x-input-group>

        <!-- Submit Button -->
        <div class="flex items-center justify-center mt-5">
            <x-primary-button class="w-full">
                {{ __('Send Password Reset Link') }}
            </x-primary-button>
        </div>

        <!-- Back to login -->
        <div class="flex items-center justify-center mt-4">
            <a href="{{ route('login') }}" class="text-sm text-primary hover:text-blue-900 font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                ← Back to Login
            </a>
        </div>
    </form>
@endsection