@extends('layouts.app')

@section('title', 'وصول مقيّد — نظام التعتير')

@section('content')
<div class="min-h-screen flex items-center justify-center bg-gradient-to-b from-slate-950 via-slate-900 to-black px-4">
    <div class="max-w-md w-full bg-slate-900/90 border border-cyan-500/40 rounded-3xl shadow-2xl p-6 space-y-4 text-center text-slate-100">
        <div class="mx-auto w-14 h-14 rounded-2xl bg-rose-500/15 border border-rose-400/40 flex items-center justify-center">
            <i class="fa-solid fa-triangle-exclamation text-2xl text-rose-300"></i>
        </div>

        <h1 class="text-xl font-extrabold text-rose-200">
            ⚠️ تم إيقاف الدخول مؤقتًا
        </h1>

        <p class="text-sm text-slate-200/80 leading-relaxed">
            نظام <span class="text-cyan-300 font-semibold">التعتير الأمني</span> اكتشف أن حسابك
            لا يملك رقم تعتير فعّال، أو أن صلاحية الرقم انتهت.
        </p>

        <div class="text-xs text-slate-400 leading-relaxed">
            للحفاظ على أمان <span class="text-cyan-300">جيش الوفاء الذهبي</span>،
            لا يمكن المتابعة داخل النظام بدون رقم تعتير محدث.
        </div>

        <div class="mt-3 rounded-2xl bg-slate-800/80 border border-slate-600/60 px-4 py-3 text-xs text-slate-200 text-right leading-relaxed">
            <span class="font-semibold text-cyan-300">الخطوة المطلوبة الآن:</span><br>
            تواصل فورًا مع
            <span class="font-bold text-emerald-300">مدير نظام التعتير — الصقر</span>
            لطلب إصدار أو تجديد رقم التعتير الخاص بك، ثم حاول تسجيل الدخول من جديد.
        </div>

        <div class="pt-3">
            <a href="{{ route('login') }}"
               class="inline-flex items-center justify-center px-5 py-2.5 rounded-full text-sm font-bold
                      bg-gradient-to-r from-cyan-500 via-sky-500 to-blue-600 text-white shadow-lg shadow-cyan-500/40">
                <i class="fa-solid fa-right-to-bracket ml-2 text-xs"></i>
                العودة لصفحة تسجيل الدخول
            </a>
        </div>
    </div>
</div>
@endsection