@extends('layouts.madar-guest')

@section('title', 'استعادة كلمة المرور')

@section('content')
<div class="w-full max-w-md">
    <div class="glass-card p-8">
        <h1 class="text-center text-2xl font-extrabold">استعادة كلمة المرور</h1>
        <p class="mt-2 text-center text-sm text-zinc-400">أدخل بريدك الإلكتروني المسجّل</p>
        <form method="POST" action="{{ route('web.password.email') }}" class="mt-8 space-y-4">
            @csrf
            <div>
                <label class="mb-1 block text-xs text-zinc-400">البريد الإلكتروني</label>
                <input type="email" name="email" value="{{ old('email') }}" required class="madar-input">
                @error('email')<p class="mt-1 text-xs text-red-400">{{ $message }}</p>@enderror
            </div>
            <button type="submit" class="neon-btn w-full">إرسال الرابط</button>
        </form>
        <p class="mt-6 text-center text-sm"><a href="{{ route('web.login') }}" class="text-cyan-400 hover:underline">العودة لتسجيل الدخول</a></p>
    </div>
</div>
@endsection
