@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-rose-900/80 via-slate-900 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-rose-500/25 border border-rose-400/50
                        grid place-items-center text-rose-100">
                <i class="fa-solid fa-person-dress text-lg"></i>
            </div>
            <div>
                <h1 class="text-2xl md:text-3xl font-extrabold text-white">وزارة الصبايا</h1>
                <p class="text-sm text-rose-100/80 mt-1">
                    نفس فكرة وزارة الشباب ولكن مخصصة لصبايا التيم بكل تفاصيلهم الداخلية والتفاعل.
                </p>
            </div>
        </div>

        <div class="space-y-4 text-sm md:text-[15px] leading-7 text-white/80">
            <p>
                وزارة الصبايا تهتم بكل ما يخص
                <span class="text-rose-300 font-semibold">صبايا التيم</span>
                من نشاط، تفاعل، فعاليات، وراحة نفسية داخل الفريق، مع الحفاظ على بيئة محترمة وآمنة.
            </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