@extends("Site.Layouts.blank")
@section('content')
    <main class="bg-green-dark min-h-[88vh]   flex items-center justify-center ">

        <div class="w-full max-w-md bg-white rounded-lg shadow-md p-6">
            <h2 class="text-2xl font-semibold text-center text-gray-700 mb-6">Forgot Your Password?</h2>

            <form method="POST" action="{{ url('forget_password/send_forget_password_email') }}">
                @csrf

                <div class="mb-4">
                    <label class="block text-sm font-medium text-gray-700 mb-1" for="email">Email Address</label>
                    <input type="email" id="email" name="email" required autofocus
                           class="w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary"
                    >
                </div>

                <button type="submit"
                        class="w-full bg-primary text-white py-2 px-4 rounded hover:bg-primary transition">
                    Send Password Reset Link
                </button>
            </form>

            <div class="mt-4 text-center">
                <a href="{{ urlLang('auth/login') }}" class="text-sm text-green-600 hover:underline font-semibold">
                    Back to Login
                </a>
            </div>
        </div>

    </main>
@endsection