@extends('layouts.superadmin')

@section('title', 'وزارة الداخلية')

@section('content')
<div class="max-w-6xl mx-auto px-4 py-6 space-y-6">

    <div class="rounded-3xl border border-white/10
                bg-gradient-to-br from-slate-900 via-slate-950 to-black
                p-6 md:p-8 shadow-xl">
        <div class="flex items-center gap-4 mb-5">
            <div class="h-12 w-12 rounded-2xl bg-emerald-500/25 border border-emerald-400/50
                        grid place-items-center text-emerald-100">
                <i class="fa-solid fa-shield-halved text-lg"></i>
            </div>
            <div>
                <h1 class="text-2xl md:text-3xl font-extrabold text-white">وزارة الداخلية</h1>
                <p class="text-sm text-slate-100/80 mt-1">
                    تختص بأمور التيم الداخلية والتفاعل اليومي، وهي حلقة وصل بين وزير الداخلية ومسؤول النظام ومديرة الصقر.
                </p>
            </div>
        </div>

        <div class="space-y-4 text-sm md:text-[15px] leading-7 text-white/80">
            <p>
                وزارة الداخلية تهتم بالنظام الداخلي، ضبط الجو العام، ومتابعة التزام الأعضاء بتوجيهات الإدارة.
            </p>

            <ul class="list-disc list-inside space-y-1 text-white/75">
                <li>متابعة حضور الأعضاء في الأنشطة الرسمية.</li>
                <li>رصد التفاعل الداخلي ومعالجة المشاكل اليومية.</li>
                <li>رفع تقارير دورية لمسؤول النظام ومديرة الصقر عن وضع التيم.</li>
                <li>التنسيق مع وزارة الشباب ووزارة الصبايا عند وجود قضايا مشتركة.</li>
            </ul>

            <p class="text-white/70">
                كل تحديثات القوانين والأنظمة الداخلية يمكن توثيقها مستقبلاً من خلال هذه الصفحة.
            </p>
        </div>
    </div>

</div>
@endsection