@php
    $user = auth()->user();
    $layout = 'layouts.superadmin';
@endphp

@extends($layout)

@section('title', 'إعدادات نظام الدعوات')

@section('content')

<div class="min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-black py-6 sm:py-8">
    <div class="max-w-5xl mx-auto px-3 sm:px-4 lg:px-6 space-y-6">

        {{-- هيدر ملحمي --}}
        <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-slate-900/95 via-slate-900/98 to-black/98 border border-amber-400/30 shadow-2xl shadow-amber-400/10">
            <div class="pointer-events-none absolute -top-24 -right-10 w-64 h-64 rounded-full bg-amber-500/25 blur-3xl"></div>
            <div class="pointer-events-none absolute -bottom-24 -left-10 w-72 h-72 rounded-full bg-yellow-500/20 blur-3xl"></div>

            <div class="relative p-6 space-y-3">
                <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-black/40 border border-amber-400/30 text-xs text-amber-200">
                    <i class="fa-solid fa-sliders"></i>
                    <span>إعدادات النظام</span>
                </div>

                <h1 class="text-2xl sm:text-3xl font-extrabold text-white tracking-tight">
                    إعدادات نظام الدعوات <span class="text-amber-300">— الإدارة العليا</span>
                </h1>

                <p class="text-sm sm:text-[15px] text-slate-200/80 leading-relaxed max-w-xl">
                    يمكنك هنا إدارة سياسات الدعوات، تعديل نقاط الدعاة، وتحديد قواعد قبول العضويات الجديدة
                    عبر الدعوات داخل <span class="text-amber-300 font-semibold">جيش الوفاء الذهبي</span>.
                </p>
            </div>
        </div>


        {{-- قسم إعدادات النقاط --}}
        <div class="rounded-3xl bg-slate-900/70 border border-white/10 shadow-xl p-5 space-y-5">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 rounded-xl bg-emerald-500/15 border border-emerald-400/30 grid place-items-center text-emerald-300">
                    <i class="fa-solid fa-coins text-sm"></i>
                </div>
                <div>
                    <h2 class="text-lg font-bold text-white">إعدادات نقاط الدعوات</h2>
                    <p class="text-xs text-slate-300/80">تحكم بعدد النقاط المكتسبة عند قبول عضو جديد عن طريق الدعوة.</p>
                </div>
            </div>

            <form method="POST" action="#">
                @csrf

                <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                    <div>
                        <label class="block text-[12px] text-slate-300 mb-1">النقاط لكل دعوة مقبولة</label>
                        <input type="number" min="0"
                               class="w-full rounded-xl bg-black/50 border border-white/10 text-white px-3 py-2 text-sm"
                               placeholder="مثال: 10">
                    </div>

                    <div>
                        <label class="block text-[12px] text-slate-300 mb-1">الحد الأقصى للنقاط اليومية</label>
                        <input type="number" min="0"
                               class="w-full rounded-xl bg-black/50 border border-white/10 text-white px-3 py-2 text-sm"
                               placeholder="مثال: 40">
                    </div>
                </div>

                <div class="pt-3 flex justify-end">
                    <button class="px-6 py-2.5 rounded-xl bg-emerald-600 hover:bg-emerald-700 text-white text-sm font-bold shadow-md">
                        حفظ الإعدادات
                    </button>
                </div>
            </form>
        </div>


        {{-- قسم قواعد قبول الدعوات --}}
        <div class="rounded-3xl bg-slate-900/70 border border-white/10 shadow-xl p-5 space-y-5">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 rounded-xl bg-cyan-500/15 border border-cyan-400/30 grid place-items-center text-cyan-300">
                    <i class="fa-solid fa-shield-halved text-sm"></i>
                </div>
                <div>
                    <h2 class="text-lg font-bold text-white">قواعد قبول العضويات عبر الدعوات</h2>
                    <p class="text-xs text-slate-300/80">تحكم بآلية الموافقة على طلبات الانضمام الجديدة.</p>
                </div>
            </div>

            <form method="POST" action="#">
                @csrf

                <label class="flex items-center gap-2 text-sm text-slate-200">
                    <input type="checkbox"
                           class="rounded bg-black/40 border-white/20"
                           checked>
                    <span>يتطلب موافقة السوبر أدمين قبل دخول العضو رسمياً</span>
                </label>

                <label class="flex items-center gap-2 text-sm text-slate-200">
                    <input type="checkbox"
                           class="rounded bg-black/40 border-white/20">
                    <span>رفض الحسابات الجديدة غير الواضحة تلقائياً</span>
                </label>

                <label class="flex items-center gap-2 text-sm text-slate-200">
                    <input type="checkbox"
                           class="rounded bg-black/40 border-white/20">
                    <span>تعطيل الدعوات مؤقتاً</span>
                </label>

                <div class="pt-3 flex justify-end">
                    <button class="px-6 py-2.5 rounded-xl bg-cyan-600 hover:bg-cyan-700 text-white text-sm font-bold shadow-md">
                        حفظ الإعدادات
                    </button>
                </div>
            </form>
        </div>


        {{-- صندوق توضيح رسمي --}}
        <div class="rounded-3xl bg-gradient-to-b from-slate-900 to-slate-950 border border-white/10 shadow-xl p-5 space-y-3 text-xs text-slate-300">
            <h3 class="text-sm font-bold text-amber-300 flex items-center gap-2">
                <i class="fa-solid fa-circle-info text-[13px]"></i>
                ملاحظات هامة حول نظام الدعوات
            </h3>

            <ul class="list-disc list-inside space-y-1">
                <li>الأعضاء الجدد لا يتم احتسابهم تلقائياً إلا بعد موافقة الإدارة العليا.</li>
                <li>النقاط المكتسبة تؤثر على تقييم العضو وترشيحه للمهام القيادية.</li>
                <li>إيقاف الدعوات المؤقت لا يؤثر على الروابط الحالية لكنه يمنع تسجيل أعضاء جدد.</li>
            </ul>
        </div>

    </div>
</div>

@endsection