@php $lang = session('locale', 'en'); @endphp
<!DOCTYPE html>
<html lang="{{ $lang }}" class="dark">
<head>
    <meta charset="UTF-8">
    <title>2FA Verification</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">
</head>
<body class="bg-[#020617] min-h-screen flex items-center justify-center p-6">
    <div class="w-full max-w-sm bg-[#0f172a] border border-[#1e293b] rounded-2xl p-8 shadow-xl">
        <div class="text-center mb-6">
            <i class="fas fa-shield-alt text-4xl text-emerald-500 mb-3"></i>
            <h2 class="text-xl font-bold text-white">2FA Verification</h2>
            <p class="text-xs text-slate-400 mt-2">Enter the 6-digit code from Google Authenticator app.</p>
        </div>
        <form action="{{ route('2fa.verify.post') }}" method="POST">
            @csrf
            <input type="text" name="one_time_password" class="w-full bg-[#1e293b] border border-[#334155] text-white text-center text-2xl tracking-[0.5em] rounded-xl p-3 outline-none focus:border-emerald-500 mb-6" maxlength="6" required autocomplete="off">
            <button type="submit" class="w-full bg-emerald-500 hover:bg-emerald-600 text-white font-bold py-3 rounded-xl transition-all">Verify Code</button>
        </form>
    </div>
</body>
</html>
