{% extends "base.html" %}
{% block title %}التسجيل معطل{% endblock %}
{% block content %}
<div class="min-h-[calc(100vh-80px)] flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8 relative overflow-hidden">
    <!-- Background Decor -->
    <div class="absolute bottom-0 right-0 w-[600px] h-[600px] bg-red-500/5 rounded-full blur-[120px] -z-10 animate-pulse-slow"></div>
    <div class="absolute top-0 left-0 w-[600px] h-[600px] bg-gold-500/5 rounded-full blur-[120px] -z-10 animate-pulse-slow"></div>

    <div class="max-w-md w-full bg-slate-900/70 backdrop-blur-xl p-10 rounded-3xl border border-slate-700 shadow-2xl relative">
        <div class="text-center">
            <!-- Icon -->
            <div class="mx-auto mb-6 w-20 h-20 bg-red-500/20 rounded-full flex items-center justify-center">
                <svg class="w-10 h-10 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"></path>
                </svg>
            </div>

            <h2 class="text-3xl font-serif font-bold text-white mb-4">التسجيل معطل</h2>
            <p class="text-slate-300 text-lg mb-6">
                عذراً، التسجيل الجديد معطل حالياً. يرجى التواصل مع الإدارة.
            </p>

            <div class="space-y-3">
                <a href="{{ url_for('auth.login') }}" class="block w-full px-6 py-3 rounded-xl bg-gold-500/20 text-gold-400 font-bold text-sm hover:bg-gold-500/30 transition text-center">
                    تسجيل الدخول
                </a>
                <a href="{{ url_for('landing') }}" class="block w-full px-6 py-3 rounded-xl bg-slate-800 text-slate-300 font-medium text-sm hover:bg-slate-700 transition text-center">
                    الصفحة الرئيسية
                </a>
            </div>

            <div class="mt-8 pt-6 border-t border-slate-700">
                <p class="text-slate-500 text-xs mb-4">
                    إذا كنت بحاجة إلى مساعدة، يرجى التواصل مع فريق الدعم
                </p>
                <a href="tel:+966544877622" class="flex items-center justify-center gap-3 bg-gradient-to-r from-gold-500/20 to-emerald-500/20 text-gold-400 px-6 py-4 rounded-xl border border-gold-500/30 hover:bg-gradient-to-r hover:from-gold-500/30 hover:to-emerald-500/30 hover:border-gold-500/50 hover:scale-105 transition-all duration-300">
                    <div class="w-10 h-10 bg-gold-500/30 rounded-full flex items-center justify-center">
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/>
                        </svg>
                    </div>
                    <div class="text-left">
                        <div class="text-[10px] text-gold-300/70 uppercase tracking-wider">اتصل بنا</div>
                        <div class="text-lg font-bold text-gold-400" dir="ltr">+966 54 487 7622</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}