{% extends "base.html" %}
{% block title %}تحقق 2FA{% endblock %}
{% block content %}
<div class="max-w-md mx-auto px-4 py-16">
    <div class="glass p-8 rounded-2xl border border-white/10">
        <div class="text-center mb-8">
            <div class="text-xs text-gold-500 font-mono tracking-widest uppercase mb-2">VERIFICATION</div>
            <h1 class="text-2xl font-bold text-white">المصادقة الثنائية</h1>
            <p class="text-slate-400 text-sm mt-2">أدخل رمز التحقق من تطبيق المصادقة</p>
        </div>
        <form method="POST" class="space-y-4">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <div>
                <input name="code" type="text" maxlength="6" pattern="\d{6}" required autocomplete="off" autofocus
                       class="w-full bg-white/5 border border-white/10 text-white rounded-lg px-4 py-3 text-center text-2xl tracking-[0.5em] font-mono focus:border-gold-500/50 focus:outline-none">
            </div>
            <button type="submit" class="w-full bg-gold-500 text-black font-bold py-3 rounded-lg hover:bg-gold-400 transition">تحقق</button>
        </form>
        <a href="{{ url_for('auth.login') }}" class="block text-center text-slate-500 text-sm mt-4 hover:text-white transition">العودة لتسجيل الدخول</a>
    </div>
</div>
{% endblock %}