@php
    $isArabic = app()->getLocale() === 'ar';
    $authPageTitle = $isArabic ? 'استعادة كلمة المرور | SmartLMS' : 'Forgot Password | SmartLMS';
    $authBadge = $isArabic ? 'استعادة الوصول' : 'Access Recovery';
    $authBadgeIcon = 'fa-key';
    $authHeading = $isArabic ? 'استعد حسابك بدون ارتباك' : 'Recover your account without friction';
    $authDescription = $isArabic
        ? 'أدخل البريد المرتبط بحسابك وسنرسل لك رابطًا آمنًا لإعادة تعيين كلمة المرور ومتابعة العمل داخل النظام.'
        : 'Enter the email linked to your account and we will send a secure link to reset your password and return to work quickly.';
    $authPanelLabel = $isArabic ? 'استعادة كلمة المرور' : 'Password Recovery';
    $authFormHeading = $isArabic ? 'إرسال رابط إعادة التعيين' : 'Send the reset link';
    $authFormDescription = $isArabic
        ? 'استخدم بريدك الرئيسي في النظام. إذا كان الحساب موجودًا ستصل الرسالة إلى صندوق الوارد خلال لحظات.'
        : 'Use your main account email. If the account exists, the message should arrive in your inbox shortly.';
    $authHighlights = [
        [
            'icon' => 'fa-envelope-open-text',
            'title' => $isArabic ? 'رابط آمن ومؤقت' : 'Secure temporary link',
            'description' => $isArabic ? 'كل طلب استعادة يولّد رابطًا مخصصًا يوجّه المستخدم مباشرة إلى خطوة تعيين كلمة المرور الجديدة.' : 'Each recovery request generates a dedicated link that takes the user directly to the new password step.',
        ],
        [
            'icon' => 'fa-user-shield',
            'title' => $isArabic ? 'حماية الهوية' : 'Identity protection',
            'description' => $isArabic ? 'الواجهة لا تكشف معلومات إضافية، وتحافظ على تجربة استعادة واضحة وآمنة في الوقت نفسه.' : 'The flow avoids exposing extra account details while keeping the recovery experience clear and safe.',
        ],
        [
            'icon' => 'fa-clock',
            'title' => $isArabic ? 'خطوة سريعة' : 'Fast step',
            'description' => $isArabic ? 'المستخدم يحتاج فقط إلى البريد الإلكتروني ثم ينتقل مباشرة للبريد لإكمال الاستعادة.' : 'The user only needs an email address, then continues from their inbox to complete recovery.',
        ],
    ];
    $authSideStats = [
        [
            'value' => '01',
            'label' => $isArabic ? 'أدخل البريد' : 'Enter Email',
            'description' => $isArabic ? 'استخدم البريد المرتبط بحساب SmartLMS.' : 'Use the email linked to the SmartLMS account.',
        ],
        [
            'value' => '02',
            'label' => $isArabic ? 'استقبل الرابط' : 'Receive Link',
            'description' => $isArabic ? 'افتح الرسالة واتبع الرابط المرسل.' : 'Open the message and follow the link you receive.',
        ],
        [
            'value' => '03',
            'label' => $isArabic ? 'أنشئ كلمة جديدة' : 'Set New Password',
            'description' => $isArabic ? 'اختر كلمة مرور قوية ثم عد لتسجيل الدخول.' : 'Choose a strong password and sign back in.',
        ],
    ];
@endphp

@extends('auth.layouts.app')

@section('form')
    <form method="POST" action="{{ route('password.email') }}" class="space-y-5">
        @csrf
        <div>
            <label for="email" class="mb-2 block text-sm font-black text-zinc-700">
                {{ $isArabic ? 'البريد الإلكتروني' : 'Email Address' }}
            </label>
            <input
                id="email"
                type="email"
                name="email"
                value="{{ old('email') }}"
                required
                autocomplete="email"
                autofocus
                placeholder="name@example.com"
                class="w-full rounded-2xl border border-zinc-200 bg-white px-4 py-3 text-sm text-zinc-900 outline-none transition placeholder:text-zinc-400 focus:border-brand-300 focus:ring-4 focus:ring-brand-100"
            >
        </div>

        <button type="submit" class="inline-flex w-full items-center justify-center gap-2 rounded-2xl bg-zinc-950 px-5 py-4 text-sm font-black text-white transition hover:bg-zinc-800">
            <i class="fa-solid fa-paper-plane text-xs"></i>
            <span>{{ $isArabic ? 'إرسال رابط إعادة التعيين' : 'Send Password Reset Link' }}</span>
        </button>
    </form>
@endsection

@section('footer')
    <p class="text-sm leading-7 text-zinc-500">
        {{ $isArabic ? 'تذكّرت كلمة المرور؟' : 'Remembered your password?' }}
        <a href="{{ route('login') }}" class="font-black text-brand-700 transition hover:text-brand-800">
            {{ $isArabic ? 'ارجع إلى تسجيل الدخول' : 'Return to sign in' }}
        </a>
    </p>
@endsection