@php
    $isArabic = app()->getLocale() === 'ar';
    $authPageTitle = $isArabic ? 'تعيين كلمة مرور جديدة | SmartLMS' : 'Reset Password | SmartLMS';
    $authBadge = $isArabic ? 'كلمة مرور جديدة' : 'New Password';
    $authBadgeIcon = 'fa-lock';
    $authHeading = $isArabic ? 'أنهِ الاستعادة بكلمة مرور قوية' : 'Finish recovery with a stronger password';
    $authDescription = $isArabic
        ? 'هذه الخطوة الأخيرة في الاستعادة. عيّن كلمة مرور جديدة وآمنة ثم عد مباشرة إلى لوحة النظام.'
        : 'This is the final recovery step. Set a secure new password and return directly to your dashboard.';
    $authPanelLabel = $isArabic ? 'إعادة التعيين' : 'Reset Flow';
    $authFormHeading = $isArabic ? 'أدخل كلمة المرور الجديدة' : 'Enter your new password';
    $authFormDescription = $isArabic
        ? 'استخدم كلمة مرور يصعب تخمينها، ويفضل أن تجمع بين الحروف والأرقام والرموز.'
        : 'Use a password that is hard to guess, ideally combining letters, numbers, and symbols.';
    $authHighlights = [
        [
            'icon' => 'fa-shield-halved',
            'title' => $isArabic ? 'تحديث مباشر للحساب' : 'Direct account update',
            'description' => $isArabic ? 'بمجرد إرسال النموذج يتم استبدال كلمة المرور القديمة بالجديدة للحساب المرتبط بالرابط.' : 'Once submitted, the old password is replaced for the account tied to the reset link.',
        ],
        [
            'icon' => 'fa-fingerprint',
            'title' => $isArabic ? 'تحقق من الملكية' : 'Ownership check',
            'description' => $isArabic ? 'الرمز المضمّن في الرابط يضمن أن عملية التغيير صادرة من مسار استعادة صالح.' : 'The token in the link ensures the change is made from a valid recovery flow.',
        ],
        [
            'icon' => 'fa-arrow-right-to-bracket',
            'title' => $isArabic ? 'عودة سريعة للنظام' : 'Quick return to the system',
            'description' => $isArabic ? 'بعد الحفظ يستطيع المستخدم تسجيل الدخول بكلمة المرور الجديدة فورًا.' : 'After saving, the user can sign in immediately with the new password.',
        ],
    ];
    $authSideStats = [
        [
            'value' => '01',
            'label' => $isArabic ? 'تحقق من البريد' : 'Verify Email',
            'description' => $isArabic ? 'تأكد من أن البريد يطابق الحساب المقصود.' : 'Make sure the email matches the intended account.',
        ],
        [
            'value' => '02',
            'label' => $isArabic ? 'أنشئ كلمة قوية' : 'Create Strong Password',
            'description' => $isArabic ? 'اختر تركيبة طويلة وغير مستخدمة سابقًا.' : 'Choose a long combination not used before.',
        ],
        [
            'value' => '03',
            'label' => $isArabic ? 'أكد الحفظ' : 'Confirm Save',
            'description' => $isArabic ? 'طابق الكلمتين ثم أرسل النموذج.' : 'Match both fields and submit the form.',
        ],
    ];
@endphp

@extends('auth.layouts.app')

@section('form')
    <form method="POST" action="{{ route('password.update') }}" class="space-y-5">
        @csrf
        <input type="hidden" name="token" value="{{ $token }}">

        <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="{{ $email ?? 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>

        <div>
            <label for="password" class="mb-2 block text-sm font-black text-zinc-700">
                {{ $isArabic ? 'كلمة المرور الجديدة' : 'New Password' }}
            </label>
            <input
                id="password"
                type="password"
                name="password"
                required
                autocomplete="new-password"
                placeholder="{{ $isArabic ? 'أدخل كلمة المرور الجديدة' : 'Enter your new password' }}"
                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>

        <div>
            <label for="password-confirm" class="mb-2 block text-sm font-black text-zinc-700">
                {{ $isArabic ? 'تأكيد كلمة المرور' : 'Confirm Password' }}
            </label>
            <input
                id="password-confirm"
                type="password"
                name="password_confirmation"
                required
                autocomplete="new-password"
                placeholder="{{ $isArabic ? 'أعد إدخال كلمة المرور' : 'Re-enter your password' }}"
                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-rotate-right text-xs"></i>
            <span>{{ $isArabic ? 'حفظ كلمة المرور الجديدة' : 'Reset Password' }}</span>
        </button>
    </form>
@endsection

@section('footer')
    <p class="text-sm leading-7 text-zinc-500">
        {{ $isArabic ? 'هل تحتاج العودة إلى البداية؟' : 'Need to return to the start?' }}
        <a href="{{ route('password.request') }}" class="font-black text-brand-700 transition hover:text-brand-800">
            {{ $isArabic ? 'اطلب رابطًا جديدًا' : 'Request a new link' }}
        </a>
    </p>
@endsection