@php $lang = session('locale', 'en'); @endphp
<!DOCTYPE html>
<html lang="{{ $lang }}">
<head>
    <meta charset="UTF-8">
    <title>{{ $lang == 'bn' ? 'নতুন পাসওয়ার্ড' : 'Reset Password' }}</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <script>tailwind.config={darkMode:'class'}; if(localStorage.theme==='dark') document.documentElement.classList.add('dark');</script>
</head>
<body class="bg-slate-50 dark:bg-[#020617] min-h-screen flex items-center justify-center p-6">
    <div class="w-full max-w-md bg-white dark:bg-[#0f172a] border border-slate-200 dark:border-[#1e293b] rounded-2xl p-8 shadow-xl">
        <h2 class="text-2xl font-bold text-slate-800 dark:text-white mb-6 text-center">{{ $lang == 'bn' ? 'নতুন পাসওয়ার্ড দিন' : 'Create New Password' }}</h2>
        
        <form action="{{ route('password.update') }}" method="POST">
            @csrf
            <input type="hidden" name="token" value="{{ $token }}">
            <div class="space-y-4">
                <div>
                    <label class="block text-xs font-bold text-slate-500 uppercase mb-2">Email</label>
                    <input type="email" name="email" value="{{ request()->email }}" class="w-full bg-slate-50 dark:bg-[#1e293b] border border-slate-200 dark:border-[#334155] text-slate-800 dark:text-white rounded-xl p-3 outline-none" readonly>
                </div>
                <div>
                    <label class="block text-xs font-bold text-slate-500 uppercase mb-2">New Password</label>
                    <input type="password" name="password" class="w-full bg-slate-50 dark:bg-[#1e293b] border border-slate-200 dark:border-[#334155] text-slate-800 dark:text-white rounded-xl p-3 outline-none focus:border-emerald-500" required>
                </div>
                <div>
                    <label class="block text-xs font-bold text-slate-500 uppercase mb-2">Confirm Password</label>
                    <input type="password" name="password_confirmation" class="w-full bg-slate-50 dark:bg-[#1e293b] border border-slate-200 dark:border-[#334155] text-slate-800 dark:text-white rounded-xl p-3 outline-none focus:border-emerald-500" required>
                </div>
            </div>
            <button type="submit" class="w-full mt-6 bg-emerald-500 hover:bg-emerald-600 text-white font-bold py-3 rounded-xl transition-all">{{ $lang == 'bn' ? 'পাসওয়ার্ড সেট করুন' : 'Reset Password' }}</button>
        </form>
    </div>
</body>
</html>
