@extends('layouts.superadmin')
@section('title', 'إدارة التقييمات - الإدارة العليا')

@section('content')
@php
    // ضمان عدم انهيار الصفحة لو المتغير مش مُمرر
    $filterType = $filterType ?? request('filter_type', 'all');

    // مؤشرات سريعة (على مستوى العناصر المعروضة بالصفحة الحالية فقط)
    $pageCollection = method_exists($evaluations, 'getCollection') ? $evaluations->getCollection() : collect($evaluations);

    $pageStats = [
        'pending'              => $pageCollection->where('status', 'pending')->count(),
        'approved'             => $pageCollection->where('status', 'approved')->count(),
        'rejected'             => $pageCollection->where('status', 'rejected')->count(),
        'present'              => $pageCollection->where('attendance_status', 'present')->count(),
        'absent_with_excuse'   => $pageCollection->where('attendance_status', 'absent_with_excuse')->count(),
        'absent_without_excuse'=> $pageCollection->where('attendance_status', 'absent_without_excuse')->count(),
        'auto_excuse'          => $pageCollection->filter(function ($e) {
                                    return (bool) data_get($e, 'auto_excuse_applied')
                                        || (bool) data_get($e, 'auto_excuse_mode')
                                        || (bool) data_get($e, 'excuse_absence_id');
                                })->count(),
        'edited'               => $pageCollection->filter(function ($e) {
                                    return (int) data_get($e, 'edit_count', 0) > 0;
                                })->count(),
    ];

    // دالة تنسيق تاريخ (Carbon أو DateTime أو string)
    $fmtDate = function ($d) {
        if (!$d) return null;
        if ($d instanceof \Carbon\CarbonInterface) return $d->format('Y-m-d');
        if ($d instanceof \DateTimeInterface) return $d->format('Y-m-d');
        return (string) $d;
    };
@endphp

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

        {{-- ✅ HERO (ستايل سقراط) --}}
        <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-slate-900/95 via-slate-950/95 to-black/95 border border-cyan-400/25 shadow-2xl shadow-cyan-500/10">
            <div class="pointer-events-none absolute -top-24 -right-10 w-72 h-72 rounded-full bg-cyan-400/20 blur-3xl"></div>
            <div class="pointer-events-none absolute -bottom-28 -left-16 w-80 h-80 rounded-full bg-emerald-500/20 blur-3xl"></div>
            <div class="pointer-events-none absolute -bottom-28 -right-16 w-80 h-80 rounded-full bg-fuchsia-500/15 blur-3xl"></div>

            <div class="relative p-5 sm:p-7 lg:p-8 flex flex-col lg:flex-row gap-6 lg:items-center lg:justify-between">
                {{-- نص الهيرو --}}
                <div class="flex-1 space-y-3 max-w-3xl">
                    <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-black/40 border border-cyan-300/30 text-[11px] text-cyan-100">
                        <span class="w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse"></span>
                        <span>لوحة تحكم احترافية للتقييمات اليومية — الإدارة العليا</span>
                    </div>

                    <h1 class="text-2xl sm:text-3xl font-extrabold text-white tracking-tight">
                        إدارة التقييمات
                        <span class="block mt-2 text-[12px] sm:text-sm text-slate-200/80 font-normal">
                            متابعة أداء الأعضاء والمشرفين وفق معايير مهنية دقيقة
                            @if($filterType == 'moderators')
                                – عرض تقييمات <span class="font-semibold text-white">كل المشرفين</span>
                            @elseif($filterType == 'male_moderators')
                                – <span class="font-semibold text-white">المشرفين الذكور</span>
                            @elseif($filterType == 'female_moderators')
                                – <span class="font-semibold text-white">المشرفات الإناث</span>
                            @elseif($filterType == 'official_members')
                                – <span class="font-semibold text-white">الأعضاء الرسميين</span>
                            @elseif($filterType == 'beta_members')
                                – <span class="font-semibold text-white">أعضاء بيتا</span>
                            @elseif($filterType == 'all_members')
                                – <span class="font-semibold text-white">كل الأعضاء</span>
                            @else
                                – <span class="font-semibold text-white">جميع التقييمات</span>
                            @endif
                        </span>
                    </h1>

                    <p class="text-[12px] sm:text-[14px] text-slate-200/85 leading-relaxed max-w-2xl">
                        هذه الواجهة مخصّصة للإدارة العليا لمراجعة واعتماد التقييمات بشكل احترافي.
                        كل تقييم يتم إدخاله يؤثر مباشرةً على مكانة العضو داخل الفريق، سجله التراكمي،
                        مميزاته، وفرصه في الترقي وتحمل مسؤوليات إضافية. لذلك، نحرص على
                        <span class="font-semibold text-white">الدقة، العدالة، والكتابة بصدق</span> في كل تقييم.
                    </p>

                    {{-- 3 نقاط رئيسية (ستايل سقراط) --}}
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-3 pt-1">
                        <div class="rounded-2xl bg-black/40 border border-white/15 p-4">
                            <div class="flex items-start gap-3">
                                <span class="mt-0.5 inline-flex h-9 w-9 items-center justify-center rounded-2xl bg-emerald-500/15 border border-emerald-400/25 text-emerald-200">
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                    </svg>
                                </span>
                                <div class="min-w-0">
                                    <p class="text-sm font-extrabold text-white mb-1">كل تقييم = سمعة ومكانة</p>
                                    <p class="text-[11px] text-white/65 leading-relaxed">
                                        النقاط، الملاحظات، والإنذارات تشكّل “ملف مهني” للعضو.
                                        كن دقيقًا وموضوعيًا، فكل سطر تكتبه يبقى أثره على المدى البعيد.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="rounded-2xl bg-black/40 border border-white/15 p-4">
                            <div class="flex items-start gap-3">
                                <span class="mt-0.5 inline-flex h-9 w-9 items-center justify-center rounded-2xl bg-fuchsia-500/15 border border-fuchsia-400/25 text-fuchsia-200">
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 20h9"></path>
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"></path>
                                    </svg>
                                </span>
                                <div class="min-w-0">
                                    <p class="text-sm font-extrabold text-white mb-1">الكتابة بصدق وبلغة صحيحة</p>
                                    <p class="text-[11px] text-white/65 leading-relaxed">
                                        احرص على سلامة <span class="font-semibold text-white/90">الإملاء</span>، وضوح الجُمل،
                                        وتجنّب المجاملة أو التهويل. التقييم الواضح يساعد الذكاء الاصطناعي والإدارة
                                        على فهم الحالة الحقيقية للعضو.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="rounded-2xl bg-black/40 border border-white/15 p-4">
                            <div class="flex items-start gap-3">
                                <span class="mt-0.5 inline-flex h-9 w-9 items-center justify-center rounded-2xl bg-amber-500/15 border border-amber-400/25 text-amber-200">
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                    </svg>
                                </span>
                                <div class="min-w-0">
                                    <p class="text-sm font-extrabold text-white mb-1">الحضور والغياب يؤثران مباشرة</p>
                                    <p class="text-[11px] text-white/65 leading-relaxed">
                                        فرّق دائمًا بين <span class="font-semibold text-white/90">حاضر</span>،
                                        <span class="font-semibold text-white/90">غائب بعذر</span>،
                                        و<span class="font-semibold text-white/90">غائب بدون عذر</span>؛
                                        فكل حالة تُحسب بشكل مختلف في نظام النقاط والانضباط ومميزات العضو.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- شارات إضافية --}}
                    <div class="flex flex-wrap gap-2 pt-1">
                        <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] text-white/80">
                            <span class="w-1.5 h-1.5 rounded-full bg-emerald-400"></span>
                            مراجعة مدعومة بالذكاء الاصطناعي
                        </span>
                        <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] text-white/80">
                            <span class="w-1.5 h-1.5 rounded-full bg-cyan-400"></span>
                            عدالة وشفافية في القرار
                        </span>
                        <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] text-white/80">
                            <span class="w-1.5 h-1.5 rounded-full bg-amber-400"></span>
                            متابعة يومية للحالة والانضباط
                        </span>
                        <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] text-white/80">
                            <span class="w-1.5 h-1.5 rounded-full bg-yellow-300"></span>
                            يدعم العذر الرسمي التلقائي عند وجود غياب معتمد
                        </span>
                    </div>
                </div>

                {{-- كارد معلومات الإدارة (سقراط) --}}
                <div class="w-full lg:w-auto">
                    <div class="rounded-3xl bg-black/40 border border-white/15 px-4 py-4 sm:px-5 sm:py-5 space-y-3 text-xs text-slate-100 shadow-xl">
                        <div class="flex items-center gap-3">
                            <div class="flex items-center justify-center h-11 w-11 rounded-2xl bg-cyan-500/15 border border-cyan-400/25 text-cyan-200">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path>
                                </svg>
                            </div>
                            <div class="min-w-0">
                                <div class="text-[11px] text-white/60">مسؤول النظام</div>
                                <div class="text-sm font-extrabold text-white truncate">{{ auth()->user()->name }}</div>
                                <div class="text-[11px] text-white/45">الإدارة العليا</div>
                            </div>
                        </div>

                        <div class="rounded-2xl bg-white/5 border border-white/10 px-4 py-3 text-[12px] text-white/80 leading-relaxed">
                            تذكير: مراجعة التقييمات المعلقة يوميًا تقلل تراكم الأخطاء والانحيازات،
                            وتحافظ على ثقة الأعضاء في عدالة النظام.
                        </div>

                        <ul class="text-[11px] text-white/75 space-y-2">
                            <li class="flex items-start gap-2">
                                <span class="mt-1 h-1.5 w-1.5 rounded-full bg-emerald-400"></span>
                                تجنّب قبول تقييمات تحتوي على تجريح شخصي أو عبارات غير مهنية.
                            </li>
                            <li class="flex items-start gap-2">
                                <span class="mt-1 h-1.5 w-1.5 rounded-full bg-cyan-300"></span>
                                تأكد من توافق حالة الحضور مع النقاط والإنذارات.
                            </li>
                            <li class="flex items-start gap-2">
                                <span class="mt-1 h-1.5 w-1.5 rounded-full bg-amber-300"></span>
                                راقب التقييمات المتكررة لنفس العضو من نفس المقيم؛ فقد تشير إلى تحيز.
                            </li>
                            <li class="flex items-start gap-2">
                                <span class="mt-1 h-1.5 w-1.5 rounded-full bg-yellow-300"></span>
                                عند وجود عذر رسمي معتمد: النظام يفعّل العذر التلقائي ويقفل التلاعب بالحضور والنقاط.
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        {{-- ✅ ميثاق التقييم + توضيح الذكاء الاصطناعي (سقراط) --}}
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">

            {{-- ميثاق التقييم --}}
            <div class="lg:col-span-2 rounded-3xl border border-white/10 bg-slate-950/70 overflow-hidden shadow-xl">
                <div class="px-5 py-4 border-b border-white/10 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2">
                    <div class="flex items-center gap-2">
                        <span class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-cyan-500/15 border border-cyan-400/25 text-cyan-200">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16h6M5 4h14a2 2 0 012 2v11a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2z"></path>
                            </svg>
                        </span>
                        <div>
                            <div class="text-[11px] text-white/60">إرشادات</div>
                            <div class="text-sm font-extrabold text-white">ميثاق التقييم المهني</div>
                        </div>
                    </div>
                    <div class="text-[11px] text-white/50">
                        اقرأ هذه الإرشادات قبل كتابة أو اعتماد أي تقييم
                    </div>
                </div>

                <div class="p-5">
                    <ol class="text-[12px] sm:text-sm text-white/80 space-y-2 list-decimal pr-4 leading-relaxed">
                        <li>
                            اكتب التقييم بصياغة مهنية محترمة، بعيدة عن التجريح أو السخرية أو الإيحاءات الشخصية.
                        </li>
                        <li>
                            احرص على سلامة <span class="font-semibold text-white/90">الإملاء وعلامات الترقيم</span>؛
                            فالتقييم يُقرأ لاحقًا من قبل الإدارة وأنظمة الذكاء الاصطناعي، وأي غموض قد يسبب تفسيرًا خاطئًا.
                        </li>
                        <li>
                            صِف الوقائع بدقة: وقت الحضور، مستوى التفاعل، نوع المخالفة إن وجدت،
                            ولا تكتفِ بجمل عامة مثل: “غير متعاون” أو “ممتاز دائمًا”.
                        </li>
                        <li>
                            حدّد حالة الحضور بدقة:
                            <span class="font-semibold text-white/90">حاضر / غائب بعذر / غائب بدون عذر</span>،
                            فكل حالة تُؤثّر بشكل مختلف على نقاط العضو وسجله ومزاياه داخل الفريق.
                        </li>
                        <li>
                            تجنّب المبالغة في المدح أو الذم؛ التقييم المهني يعتمد على
                            <span class="font-semibold text-white/90">وقائع قابلة للمراجعة</span> وليس على الانطباعات الشخصية فقط.
                        </li>
                        <li>
                            عند وجود <span class="font-semibold text-white/90">غياب رسمي معتمد</span>، النظام يطبّق العذر تلقائيًا:
                            يتم ضبط الحضور، تصفير النقاط، وتعطيل ملاحظات المُقيِّم (لمنع التضارب).
                        </li>
                    </ol>
                </div>
            </div>

            {{-- كارد الذكاء الاصطناعي --}}
            <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-cyan-600/10 via-slate-950/85 to-black/85 border border-cyan-400/20 shadow-xl p-5">
                <div class="pointer-events-none absolute -top-16 -right-10 w-44 h-44 rounded-full bg-cyan-400/10 blur-3xl"></div>

                <div class="flex items-center gap-3 mb-3">
                    <span class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-cyan-500/15 border border-cyan-400/25 text-cyan-200">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M9 8h6m-7 4h8M5 4h14a2 2 0 012 2v5.5A6.5 6.5 0 0112.5 22h0A6.5 6.5 0 016 15.5V6a2 2 0 012-2z"></path>
                        </svg>
                    </span>
                    <div>
                        <div class="text-[11px] text-white/60">مساعدة تحليلية</div>
                        <div class="text-sm font-extrabold text-white">مراجعة آلية مدعومة بالذكاء الاصطناعي</div>
                    </div>
                </div>

                <p class="text-[12px] sm:text-sm text-white/80 mb-3 leading-relaxed">
                    يتم تمرير التقييمات من خلال طبقة تحليل آلية للمساعدة في
                    كشف الأخطاء المتكررة، رصد الانحياز، والتأكد من منطقية التوافق بين الحضور والنقاط.
                    لذلك، <span class="font-semibold text-white/90">احرص على الكتابة بصدق ووضوح وعدل</span>.
                </p>

                <ul class="text-[11px] sm:text-xs text-white/75 space-y-1.5">
                    <li>• رصد التقييمات المتكررة لنفس العضو من نفس المقيم.</li>
                    <li>• كشف العبارات غير المهنية أو المخالفة لسياسة الفريق.</li>
                    <li>• الإشارة إلى تناقضات بين حالة الحضور والنقاط والإنذارات.</li>
                    <li>• دعم الإدارة بقرارات مبنية على بيانات واضحة وليست انطباعات فقط.</li>
                </ul>

                <p class="mt-3 text-[11px] text-cyan-200/80">
                    جودة كتابتك للتقييم تعكس احترافيتك وتُسهم في بناء نظام موثوق وعادل للجميع.
                </p>
            </div>
        </div>

        {{-- ✅ FLASH (سقراط) --}}
        @if(session('success'))
            <div class="rounded-2xl border border-emerald-400/20 bg-emerald-500/10 text-emerald-200 px-4 py-3 text-sm">
                <span class="inline-flex items-center gap-2">
                    <span class="w-2 h-2 rounded-full bg-emerald-400"></span>
                    {{ session('success') }}
                </span>
            </div>
        @endif

        @if(session('error'))
            <div class="rounded-2xl border border-rose-400/20 bg-rose-500/10 text-rose-200 px-4 py-3 text-sm">
                <span class="inline-flex items-center gap-2">
                    <span class="w-2 h-2 rounded-full bg-rose-400"></span>
                    {{ session('error') }}
                </span>
            </div>
        @endif

        {{-- ✅ STATS CARDS (ستايل سقراط) --}}
        <div class="grid gap-4 grid-cols-2 md:grid-cols-4">
            <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-cyan-600/10 via-slate-950 to-slate-950 border border-cyan-400/20 shadow-xl p-5">
                <div class="pointer-events-none absolute -top-16 -right-10 w-44 h-44 rounded-full bg-cyan-400/10 blur-3xl"></div>
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-2xl bg-cyan-500/15 border border-cyan-400/25 grid place-items-center text-cyan-200">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
                        </svg>
                    </div>
                    <div>
                        <div class="text-[11px] text-slate-300/80">إجمالي المستخدمين</div>
                        <div class="text-2xl font-extrabold text-cyan-200">{{ number_format($stats['total_users']) }}</div>
                    </div>
                </div>
            </div>

            <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-slate-500/10 via-slate-950 to-slate-950 border border-white/10 shadow-xl p-5">
                <div class="pointer-events-none absolute -top-16 -left-10 w-44 h-44 rounded-full bg-white/8 blur-3xl"></div>
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-2xl bg-white/10 border border-white/10 grid place-items-center text-white">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                        </svg>
                    </div>
                    <div>
                        <div class="text-[11px] text-slate-300/80">إجمالي التقييمات</div>
                        <div class="text-2xl font-extrabold text-white">{{ number_format($stats['total_evaluations']) }}</div>
                    </div>
                </div>
            </div>

            <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-amber-600/10 via-slate-950 to-slate-950 border border-amber-400/20 shadow-xl p-5">
                <div class="pointer-events-none absolute -top-16 -right-10 w-44 h-44 rounded-full bg-amber-400/10 blur-3xl"></div>
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-2xl bg-amber-500/15 border border-amber-400/25 grid place-items-center text-amber-200">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                        </svg>
                    </div>
                    <div>
                        <div class="text-[11px] text-slate-300/80">قيد المراجعة</div>
                        <div class="text-2xl font-extrabold text-amber-200">{{ number_format($stats['pending']) }}</div>
                    </div>
                </div>
            </div>

            <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-emerald-600/10 via-slate-950 to-slate-950 border border-emerald-400/20 shadow-xl p-5">
                <div class="pointer-events-none absolute -top-16 -left-10 w-44 h-44 rounded-full bg-emerald-400/10 blur-3xl"></div>
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-2xl bg-emerald-500/15 border border-emerald-400/25 grid place-items-center text-emerald-200">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                        </svg>
                    </div>
                    <div>
                        <div class="text-[11px] text-slate-300/80">معتمدة</div>
                        <div class="text-2xl font-extrabold text-emerald-200">{{ number_format($stats['approved']) }}</div>
                    </div>
                </div>
            </div>
        </div>

        {{-- ✅ مؤشرات سريعة (سقراط) --}}
        <div class="rounded-3xl border border-white/10 bg-slate-950/70 overflow-hidden shadow-xl">
            <div class="px-5 py-4 border-b border-white/10 flex flex-col md:flex-row md:items-center md:justify-between gap-3">
                <div>
                    <div class="text-sm font-extrabold text-white">مؤشرات سريعة (الصفحة الحالية)</div>
                    <div class="text-[11px] text-white/55 mt-1">
                        هذه المؤشرات تساعدك تكتشف بسرعة إذا في تراكم معلّق، أو ارتفاع غياب، أو تشغيل العذر التلقائي بشكل واسع.
                    </div>
                </div>
                <div class="text-[11px] text-white/60 bg-black/40 border border-white/10 rounded-2xl px-3 py-2">
                    ملاحظة: المؤشرات هنا تخص النتائج المعروضة فقط (وليست إجمالي قاعدة البيانات).
                </div>
            </div>

            <div class="p-5">
                <div class="grid grid-cols-2 md:grid-cols-6 gap-3 text-center text-xs">
                    <div class="rounded-2xl border border-amber-400/20 bg-amber-500/10 p-3">
                        <div class="font-extrabold text-amber-200">{{ $pageStats['pending'] }}</div>
                        <div class="text-amber-200/70">معلّق</div>
                    </div>
                    <div class="rounded-2xl border border-emerald-400/20 bg-emerald-500/10 p-3">
                        <div class="font-extrabold text-emerald-200">{{ $pageStats['approved'] }}</div>
                        <div class="text-emerald-200/70">معتمد</div>
                    </div>
                    <div class="rounded-2xl border border-rose-400/20 bg-rose-500/10 p-3">
                        <div class="font-extrabold text-rose-200">{{ $pageStats['rejected'] }}</div>
                        <div class="text-rose-200/70">مرفوض</div>
                    </div>
                    <div class="rounded-2xl border border-emerald-400/20 bg-emerald-500/10 p-3">
                        <div class="font-extrabold text-emerald-200">{{ $pageStats['present'] }}</div>
                        <div class="text-emerald-200/70">حاضر</div>
                    </div>
                    <div class="rounded-2xl border border-amber-400/20 bg-amber-500/10 p-3">
                        <div class="font-extrabold text-amber-200">{{ $pageStats['absent_with_excuse'] }}</div>
                        <div class="text-amber-200/70">غائب بعذر</div>
                    </div>
                    <div class="rounded-2xl border border-cyan-400/20 bg-cyan-500/10 p-3">
                        <div class="font-extrabold text-cyan-200">{{ $pageStats['auto_excuse'] }}</div>
                        <div class="text-cyan-200/70">عذر تلقائي</div>
                    </div>
                </div>

                <div class="mt-3 text-[11px] text-white/55">
                    تم تعديل (في الصفحة الحالية):
                    <span class="font-extrabold text-white">{{ $pageStats['edited'] }}</span> تقييم.
                </div>
            </div>
        </div>

        {{-- ✅ البحث والتصفية (ستايل سقراط + بدون لمس المنطق) --}}
        <details class="group rounded-3xl border border-white/10 bg-slate-950/70 overflow-hidden shadow-xl" open>
            <summary class="cursor-pointer list-none px-5 py-4 flex items-center justify-between border-b border-white/10">
                <div class="flex items-center gap-2 text-white/90">
                    <span class="w-10 h-10 rounded-2xl bg-fuchsia-500/15 border border-fuchsia-400/25 grid place-items-center text-fuchsia-200">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zm0 10a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zm10-10a1 1 0 011-1h6a1 1 0 011 1v2a1 1 0 01-1 1h-6a1 1 0 01-1-1V4zm0 6a1 1 0 011-1h6a1 1 0 011 1v10a1 1 0 01-1 1h-6a1 1 0 01-1-1V10z"></path>
                        </svg>
                    </span>
                    <div>
                        <div class="text-[11px] text-white/60">فلترة</div>
                        <div class="font-extrabold text-sm">البحث والتصفية</div>
                    </div>
                </div>
                <span class="text-white/50 text-xs transition-transform group-open:rotate-180">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                    </svg>
                </span>
            </summary>

            <div class="p-5">
                <form method="GET" class="space-y-4" id="filterForm">
                    {{-- اختيار نوع الفلتر (ستايل سقراط) --}}
                    <div class="grid grid-cols-2 md:grid-cols-7 gap-2">
                        <a href="{{ route('superadmin.evaluations.index', array_merge(request()->except('filter_type'), ['filter_type' => 'all'])) }}"
                           class="inline-flex items-center justify-center px-3 py-2 text-xs font-extrabold rounded-2xl transition
                                  border {{ $filterType == 'all'
                                        ? 'bg-white/10 border-white/20 text-white'
                                        : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10' }}">
                            جميع التقييمات
                        </a>

                        <a href="{{ route('superadmin.evaluations.index', array_merge(request()->except('filter_type'), ['filter_type' => 'moderators'])) }}"
                           class="inline-flex items-center justify-center px-3 py-2 text-xs font-extrabold rounded-2xl transition
                                  border {{ $filterType == 'moderators'
                                        ? 'bg-purple-500/15 border-purple-400/25 text-purple-100'
                                        : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10' }}">
                            كل المشرفين
                        </a>

                        <a href="{{ route('superadmin.evaluations.index', array_merge(request()->except('filter_type'), ['filter_type' => 'male_moderators'])) }}"
                           class="inline-flex items-center justify-center px-3 py-2 text-xs font-extrabold rounded-2xl transition
                                  border {{ $filterType == 'male_moderators'
                                        ? 'bg-cyan-500/15 border-cyan-400/25 text-cyan-100'
                                        : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10' }}">
                            المشرفين الذكور
                        </a>

                        <a href="{{ route('superadmin.evaluations.index', array_merge(request()->except('filter_type'), ['filter_type' => 'female_moderators'])) }}"
                           class="inline-flex items-center justify-center px-3 py-2 text-xs font-extrabold rounded-2xl transition
                                  border {{ $filterType == 'female_moderators'
                                        ? 'bg-fuchsia-500/15 border-fuchsia-400/25 text-fuchsia-100'
                                        : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10' }}">
                            المشرفات الإناث
                        </a>

                        <a href="{{ route('superadmin.evaluations.index', array_merge(request()->except('filter_type'), ['filter_type' => 'all_members'])) }}"
                           class="inline-flex items-center justify-center px-3 py-2 text-xs font-extrabold rounded-2xl transition
                                  border {{ $filterType == 'all_members'
                                        ? 'bg-emerald-500/15 border-emerald-400/25 text-emerald-100'
                                        : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10' }}">
                            كل الأعضاء
                        </a>

                        <a href="{{ route('superadmin.evaluations.index', array_merge(request()->except('filter_type'), ['filter_type' => 'official_members'])) }}"
                           class="inline-flex items-center justify-center px-3 py-2 text-xs font-extrabold rounded-2xl transition
                                  border {{ $filterType == 'official_members'
                                        ? 'bg-sky-500/15 border-sky-400/25 text-sky-100'
                                        : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10' }}">
                            الأعضاء الرسميين
                        </a>

                        <a href="{{ route('superadmin.evaluations.index', array_merge(request()->except('filter_type'), ['filter_type' => 'beta_members'])) }}"
                           class="inline-flex items-center justify-center px-3 py-2 text-xs font-extrabold rounded-2xl transition
                                  border {{ $filterType == 'beta_members'
                                        ? 'bg-amber-500/15 border-amber-400/25 text-amber-100'
                                        : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10' }}">
                            أعضاء بيتا
                        </a>
                    </div>

                    {{-- فلاتر إضافية --}}
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
                        <input type="hidden" name="filter_type" value="{{ $filterType }}">

                        <div>
                            <label class="text-[10px] text-slate-300/80 font-bold">اسم المستخدم</label>
                            <input type="text" name="user_search" value="{{ request('user_search') }}" placeholder="ابحث عن مستخدم..."
                                   class="mt-1 w-full rounded-2xl bg-black/40 border border-white/15 text-xs text-slate-50 px-3 py-2
                                          focus:outline-none focus:ring-2 focus:ring-cyan-500/30">
                        </div>

                        <div>
                            <label class="text-[10px] text-slate-300/80 font-bold">من تاريخ</label>
                            <input type="date" name="from_date" value="{{ request('from_date') }}"
                                   class="mt-1 w-full rounded-2xl bg-black/40 border border-white/15 text-xs text-slate-50 px-3 py-2
                                          focus:outline-none focus:ring-2 focus:ring-emerald-500/30">
                        </div>

                        <div>
                            <label class="text-[10px] text-slate-300/80 font-bold">إلى تاريخ</label>
                            <input type="date" name="to_date" value="{{ request('to_date') }}"
                                   class="mt-1 w-full rounded-2xl bg-black/40 border border-white/15 text-xs text-slate-50 px-3 py-2
                                          focus:outline-none focus:ring-2 focus:ring-emerald-500/30">
                        </div>

                        <div>
                            <label class="text-[10px] text-slate-300/80 font-bold">حالة التقييم</label>
                            <select name="status"
                                    class="mt-1 w-full rounded-2xl bg-black/40 border border-white/15 text-xs text-slate-50 px-3 py-2
                                           focus:outline-none focus:ring-2 focus:ring-fuchsia-500/30">
                                <option value="">الكل</option>
                                <option value="pending" @selected(request('status')=='pending')>قيد المراجعة</option>
                                <option value="approved" @selected(request('status')=='approved')>معتمدة</option>
                                <option value="rejected" @selected(request('status')=='rejected')>مرفوضة</option>
                            </select>
                        </div>

                        {{-- إضافات جديدة (لن تكسر شيئًا لو الكنترولر ما بيدعمها بعد) --}}
                        <div>
                            <label class="text-[10px] text-slate-300/80 font-bold">حالة الحضور</label>
                            <select name="attendance_status"
                                    class="mt-1 w-full rounded-2xl bg-black/40 border border-white/15 text-xs text-slate-50 px-3 py-2
                                           focus:outline-none focus:ring-2 focus:ring-cyan-500/30">
                                <option value="">الكل</option>
                                <option value="present" @selected(request('attendance_status')=='present')>حاضر</option>
                                <option value="absent_with_excuse" @selected(request('attendance_status')=='absent_with_excuse')>غائب بعذر</option>
                                <option value="absent_without_excuse" @selected(request('attendance_status')=='absent_without_excuse')>غائب بدون عذر</option>
                            </select>
                        </div>

                        <div>
                            <label class="text-[10px] text-slate-300/80 font-bold">العذر التلقائي</label>
                            <select name="auto_excuse"
                                    class="mt-1 w-full rounded-2xl bg-black/40 border border-white/15 text-xs text-slate-50 px-3 py-2
                                           focus:outline-none focus:ring-2 focus:ring-amber-500/30">
                                <option value="">الكل</option>
                                <option value="1" @selected(request('auto_excuse')=='1')>فقط مع عذر تلقائي</option>
                                <option value="0" @selected(request('auto_excuse')=='0')>بدون عذر تلقائي</option>
                            </select>
                            <p class="mt-1 text-[11px] text-white/45">
                                يظهر فقط إذا كان النظام يسجل بيانات العذر التلقائي داخل التقييم.
                            </p>
                        </div>
                    </div>

                    <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-2 pt-1">
                        <div class="text-[11px] text-white/50">
                            تذكير: كتابة المعطيات (تاريخ، اسم، حالة) بشكل صحيح يساعد التحليل الآلي على التقاط التناقضات بسرعة.
                        </div>

                        <button type="submit"
                                class="inline-flex items-center justify-center px-4 py-2 rounded-2xl text-xs font-extrabold text-slate-950
                                       bg-gradient-to-r from-fuchsia-200 via-cyan-200 to-emerald-200 shadow-lg shadow-fuchsia-500/15
                                       hover:scale-[1.01] active:scale-100 transition">
                            <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                            </svg>
                            بحث
                        </button>
                    </div>
                </form>
            </div>
        </details>

        {{-- ✅ أزرار الإجراءات (سقراط) --}}
        <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3">
            <div class="flex flex-col sm:flex-row gap-2">
                <a href="{{ route('superadmin.evaluations.create') }}"
                   class="inline-flex items-center justify-center px-4 py-2 rounded-2xl text-xs font-extrabold text-slate-950
                          bg-gradient-to-r from-emerald-200 via-cyan-200 to-fuchsia-200 shadow-lg shadow-emerald-500/15
                          hover:scale-[1.01] active:scale-100 transition">
                    <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
                    </svg>
                    إضافة تقييم جديد
                </a>

                <a href="{{ route('superadmin.evaluations.print', request()->all()) }}" target="_blank"
                   class="inline-flex items-center justify-center px-4 py-2 rounded-2xl text-xs font-extrabold text-white/90
                          bg-white/10 border border-white/15 hover:bg-white/15 transition">
                    <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H9.414a1 1 0 01-.707-.293l-2-2A1 1 0 005.586 6H4a2 2 0 00-2 2v11a1 1 0 001 1h14a1 1 0 001-1z"></path>
                    </svg>
                    طباعة التقرير الشامل
                </a>
            </div>

            <div class="inline-flex items-center gap-2 rounded-2xl bg-black/40 border border-white/10 px-3 py-2 text-xs text-white/75">
                <span class="w-1.5 h-1.5 rounded-full bg-cyan-400"></span>
                <span>إجمالي:</span>
                <span class="font-extrabold text-white">{{ $previousEvaluations->flatten()->count() }}</span>
                <span>تقييم</span>
            </div>
        </div>

        {{-- ✅ قائمة التقييمات (سقراط) --}}
        <div class="rounded-3xl border border-white/10 bg-slate-950/70 overflow-hidden shadow-xl">
            <div class="px-5 py-4 border-b border-white/10 flex items-center justify-between">
                <div class="flex items-center gap-2">
                    <span class="w-10 h-10 rounded-2xl bg-cyan-500/15 border border-cyan-400/25 grid place-items-center text-cyan-200">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                        </svg>
                    </span>
                    <div>
                        <div class="text-[11px] text-white/60">عرض</div>
                        <div class="text-sm font-extrabold text-white">قائمة التقييمات</div>
                    </div>
                </div>
                <span class="text-[11px] text-white/50">
                    تذكير: كل تقييم يؤثر على مسار العضو؛ دقّق قبل الاعتماد أو الحذف.
                </span>
            </div>

            @if($evaluations->count() > 0)
                <div class="p-5">
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">

@foreach ($previousEvaluations as $key => $multipleEvaluations)
    @foreach ($multipleEvaluations->sortByDesc('id') as $evaluation)
                        @php
                            $key = $evaluation->user_id . '_' . optional($evaluation->evaluation_date)->format('Y-m-d');
                            $multipleEvaluations = isset($previousEvaluations) && isset($previousEvaluations[$key]) ? $previousEvaluations[$key] : collect([]);
                            $count = $multipleEvaluations->count();

                            // بيانات العذر التلقائي (مرنة حسب أسماء الأعمدة)
                            $autoExcuseApplied = (bool) data_get($evaluation, 'auto_excuse_applied')
                                                || (bool) data_get($evaluation, 'auto_excuse_mode')
                                                || (bool) data_get($evaluation, 'excuse_absence_id');

                            $excuseReason = data_get($evaluation, 'excuse_reason')
                                         ?? data_get($evaluation, 'excuse_absence_reason')
                                         ?? data_get($evaluation, 'absence_reason');

                            $excuseStart = data_get($evaluation, 'excuse_from')
                                        ?? data_get($evaluation, 'excuse_start')
                                        ?? data_get($evaluation, 'excuse_start_date');

                            $excuseEnd = data_get($evaluation, 'excuse_to')
                                      ?? data_get($evaluation, 'excuse_end')
                                      ?? data_get($evaluation, 'excuse_end_date');

                            $excuseDaysTotal = data_get($evaluation, 'excuse_days_total')
                                            ?? data_get($evaluation, 'excuse_total_days');

                            $excuseDaysRemaining = data_get($evaluation, 'excuse_days_remaining')
                                                ?? data_get($evaluation, 'excuse_remaining_days');

                            // ملخص ملاحظات (لو موجود)
                            $notes = data_get($evaluation, 'admin_notes')
                                  ?? data_get($evaluation, 'notes')
                                  ?? data_get($evaluation, 'evaluator_notes')
                                  ?? data_get($evaluation, 'remarks');

                            // تنبيهات منطقية (للسوبر أدمن)
                            $integrityFlags = [];
                            if (($evaluation->attendance_status ?? null) === 'absent_with_excuse' && (int)($evaluation->total_daily_points ?? 0) !== 0) {
                                $integrityFlags[] = 'غائب بعذر لكن النقاط ليست صفر. راجع منطق العذر/النقاط.';
                            }
                            if (($evaluation->attendance_status ?? null) === 'absent_without_excuse' && (int)($evaluation->total_daily_points ?? 0) > 0) {
                                $integrityFlags[] = 'غائب بدون عذر لكن لديه نقاط إيجابية. راجع التقييم.';
                            }
                            if (($evaluation->attendance_status ?? null) === 'present' && (int)($evaluation->whatsapp_presence ?? 0) == 0 && (int)($evaluation->tiktok_interaction ?? 0) == 0 && empty($notes)) {
                                $integrityFlags[] = 'حاضر لكن لا نقاط تواجد/تفاعل ولا ملاحظات. قد يكون تقييمًا غير مكتمل.';
                            }
                        @endphp

                        {{-- ✅ كارد التقييم (ستايل سقراط) --}}
                        <div class="group relative overflow-hidden rounded-3xl border border-white/10 bg-gradient-to-br from-slate-900/85 via-slate-950/85 to-black/85 shadow-xl hover:border-fuchsia-400/30 transition ring-1 ring-white/5">
                            <div class="pointer-events-none absolute -top-14 -right-12 w-44 h-44 rounded-full bg-fuchsia-500/10 blur-3xl opacity-0 group-hover:opacity-100 transition"></div>
                            <div class="pointer-events-none absolute -bottom-16 -left-14 w-44 h-44 rounded-full bg-cyan-500/10 blur-3xl opacity-0 group-hover:opacity-100 transition"></div>

                            {{-- رأس البطاقة --}}
                            <div class="p-5 border-b border-white/10">
                                <div class="flex items-center space-x-4 space-x-reverse">
                                    {{-- صورة المستخدم --}}
                                    <div class="relative">
                                        @if($evaluation->user->avatar)
                                            <img class="h-16 w-16 rounded-full object-cover border-2 border-white/15 shadow-lg"
                                                 src="{{ $evaluation->user->avatar_url }}"
                                                 alt="{{ $evaluation->user->name }}">
                                        @else
                                            <div class="h-16 w-16 rounded-full bg-gradient-to-br {{ $evaluation->user->gender == 'female' ? 'from-fuchsia-400 to-fuchsia-700' : 'from-cyan-400 to-blue-700' }} flex items-center justify-center shadow-lg ring-1 ring-white/10">
                                                <svg class="w-8 h-8 text-white" fill="currentColor" viewBox="0 0 20 20">
                                                    <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"></path>
                                                </svg>
                                            </div>
                                        @endif

                                        @if($evaluation->user->is_online)
                                            <div class="absolute -bottom-1 -right-1 w-4 h-4 bg-emerald-500 border-2 border-black/60 rounded-full"></div>
                                        @endif
                                    </div>

                                    {{-- معلومات المستخدم --}}
                                    <div class="flex-1 min-w-0">
                                        <h3 class="text-sm font-extrabold text-white truncate">
                                            {{ $evaluation->user->name }}
                                        </h3>
                                        <p class="text-xs text-white/55 truncate">
                                            {{ $evaluation->user->username }}
                                        </p>

                                        @php
                                            $userRole = $evaluation->user->roles->first();
                                            $roleNames = [
                                                'moderator' => 'مشرف',
                                                'official-member' => 'عضو رسمي',
                                                'member' => 'عضو بيتا'
                                            ];
                                            $roleColors = [
                                                'moderator' => 'bg-purple-500/10 text-purple-200 border border-purple-400/25',
                                                'official-member' => 'bg-emerald-500/10 text-emerald-200 border border-emerald-400/25',
                                                'member' => 'bg-cyan-500/10 text-cyan-200 border border-cyan-400/25'
                                            ];
                                        @endphp

                                        <div class="mt-2 flex flex-wrap gap-1.5">
                                            @if($userRole)
                                                <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full {{ $roleColors[$userRole->name] ?? 'bg-white/5 text-white/80 border border-white/10' }}">
                                                    {{ $roleNames[$userRole->name] ?? $userRole->name }}
                                                </span>
                                            @endif

                                            @if($count > 1)
                                                <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full bg-amber-500/10 text-amber-200 border border-amber-400/25">
                                                    {{ $count }} تقييمات في نفس اليوم
                                                </span>
                                            @endif

                                            @if((int)($evaluation->edit_count ?? 0) > 0)
                                                <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full bg-fuchsia-500/10 text-fuchsia-200 border border-fuchsia-400/25">
                                                    معدل ({{ $evaluation->edit_count }})
                                                </span>
                                            @endif

                                            @if($autoExcuseApplied)
                                                <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full bg-cyan-500/10 text-cyan-200 border border-cyan-400/25">
                                                    عذر رسمي تلقائي
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{-- محتوى البطاقة --}}
                            <div class="p-5 space-y-3">
                                {{-- تاريخ التقييم --}}
                                <div class="flex items-center justify-between text-sm">
                                    <span class="text-white/55">تاريخ التقييم:</span>
                                    <span class="font-extrabold text-white">
                                        {{ optional($evaluation->evaluation_date)->format('Y/m/d') }}
                                    </span>
                                </div>

                                {{-- المقيم --}}
                                <div class="flex items-center justify-between text-sm">
                                    <span class="text-white/55">المقيم:</span>
                                    <span class="font-bold text-white">
                                        @if($evaluation->show_evaluator_name)
                                            {{ $evaluation->evaluator->name }}
                                        @else
                                            <span class="text-white/45">مجهول الهوية</span>
                                        @endif
                                    </span>
                                </div>

                                {{-- الحالة --}}
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white/55">حالة التقييم:</span>
                                    @if($evaluation->status == 'approved')
                                        <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full bg-emerald-500/10 border border-emerald-400/20 text-emerald-200">
                                            معتمد
                                        </span>
                                    @elseif($evaluation->status == 'rejected')
                                        <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full bg-rose-500/10 border border-rose-400/20 text-rose-200">
                                            مرفوض
                                        </span>
                                    @else
                                        <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full bg-amber-500/10 border border-amber-400/20 text-amber-200">
                                            قيد المراجعة
                                        </span>
                                    @endif
                                </div>

                                {{-- حالة الحضور --}}
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white/55">الحضور:</span>
                                    @if($evaluation->attendance_status == 'present')
                                        <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full bg-emerald-500/10 border border-emerald-400/20 text-emerald-200">
                                            حاضر
                                        </span>
                                    @elseif($evaluation->attendance_status == 'absent_with_excuse')
                                        <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full bg-amber-500/10 border border-amber-400/20 text-amber-200">
                                            غائب بعذر
                                        </span>
                                    @else
                                        <span class="inline-flex px-2.5 py-1 text-[11px] font-extrabold rounded-full bg-rose-500/10 border border-rose-400/20 text-rose-200">
                                            غائب بدون عذر
                                        </span>
                                    @endif
                                </div>

                                {{-- مربع العذر التلقائي --}}
                                @if($autoExcuseApplied || ($evaluation->attendance_status == 'absent_with_excuse' && ($excuseReason || $excuseStart || $excuseEnd)))
                                    <div class="mt-2 p-4 rounded-2xl border border-amber-400/20 bg-amber-500/10">
                                        <div class="flex items-center justify-between gap-2 mb-2">
                                            <div class="flex items-center gap-2">
                                                <span class="inline-flex h-9 w-9 items-center justify-center rounded-2xl bg-amber-500/15 border border-amber-400/25 text-amber-200">
                                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                                    </svg>
                                                </span>
                                                <div class="text-xs font-extrabold text-amber-100">
                                                    تم تطبيق غياب رسمي تلقائيًا (إن وُجد غياب معتمد)
                                                </div>
                                            </div>

                                            <span class="text-[10px] px-2 py-1 rounded-full bg-amber-500/15 border border-amber-400/25 text-amber-100">
                                                نمط العذر التلقائي
                                            </span>
                                        </div>

                                        <div class="text-xs text-amber-100/90 space-y-1">
                                            @if($excuseStart || $excuseEnd)
                                                <div>
                                                    <span class="text-amber-100/70">الفترة:</span>
                                                    <span class="font-extrabold">{{ $fmtDate($excuseStart) ?? '—' }} → {{ $fmtDate($excuseEnd) ?? '—' }}</span>
                                                </div>
                                            @endif

                                            @if($excuseDaysTotal !== null || $excuseDaysRemaining !== null)
                                                <div>
                                                    <span class="text-amber-100/70">المدة:</span>
                                                    <span class="font-extrabold">{{ $excuseDaysTotal !== null ? $excuseDaysTotal : '—' }} يوم</span>
                                                    <span class="mx-1 opacity-70">•</span>
                                                    <span class="text-amber-100/70">المتبقي:</span>
                                                    <span class="font-extrabold">{{ $excuseDaysRemaining !== null ? $excuseDaysRemaining : '—' }} يوم</span>
                                                </div>
                                            @endif

                                            @if($excuseReason)
                                                <div>
                                                    <span class="text-amber-100/70">السبب:</span>
                                                    <span class="font-extrabold">{{ $excuseReason }}</span>
                                                </div>
                                            @endif
                                        </div>

                                        <div class="mt-2 text-[11px] text-amber-100/70">
                                            ملاحظة: عند وجود عذر رسمي، يتم قفل التلاعب بالحضور، وتصفير النقاط، وقد يتم تعطيل ملاحظات المُقيِّم حسب النظام.
                                        </div>
                                    </div>
                                @endif

                                {{-- شبكة المقاييس --}}
                                <div class="grid grid-cols-2 gap-3 pt-2">
                                    <div class="text-center p-3 bg-black/40 border border-white/10 rounded-2xl">
                                        <div class="text-[11px] text-white/55 mb-1">واتساب</div>
                                        <div class="text-lg font-extrabold {{ (int)($evaluation->whatsapp_presence ?? 0) > 0 ? 'text-emerald-200' : 'text-rose-200' }}">
                                            {{ $evaluation->whatsapp_presence }}
                                        </div>
                                    </div>

                                    <div class="text-center p-3 bg-black/40 border border-white/10 rounded-2xl">
                                        <div class="text-[11px] text-white/55 mb-1">تيكتوك</div>
                                        <div class="text-lg font-extrabold {{ (int)($evaluation->tiktok_interaction ?? 0) > 0 ? 'text-emerald-200' : 'text-rose-200' }}">
                                            {{ $evaluation->tiktok_interaction }}
                                        </div>
                                    </div>

                                    <div class="text-center p-3 bg-black/40 border border-white/10 rounded-2xl">
                                        <div class="text-[11px] text-white/55 mb-1">الإنذارات</div>
                                        <div class="text-lg font-extrabold {{ (int)($evaluation->warnings_count ?? 0) > 0 ? 'text-rose-200' : 'text-white/60' }}">
                                            {{ $evaluation->warnings_count }}
                                        </div>
                                    </div>

                                    <div class="text-center p-3 bg-black/40 border border-white/10 rounded-2xl">
                                        <div class="text-[11px] text-white/55 mb-1">النقاط</div>
                                        <div class="text-lg font-extrabold
                                            {{ (int)($evaluation->total_daily_points ?? 0) > 0 ? 'text-emerald-200' : ((int)($evaluation->total_daily_points ?? 0) < 0 ? 'text-rose-200' : 'text-white/60') }}">
                                            {{ (int)($evaluation->total_daily_points ?? 0) > 0 ? '+' : '' }}{{ $evaluation->total_daily_points }}
                                        </div>
                                    </div>
                                </div>

                                {{-- ملخص الملاحظات --}}
                                @if(!empty($notes))
                                    <div class="mt-2 p-4 bg-black/30 border border-white/10 rounded-2xl">
                                        <div class="text-xs font-extrabold text-white/85 mb-1">ملخص الملاحظات</div>
                                        <p class="text-xs text-white/65 leading-relaxed"
                                           style="display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">
                                            {{ $notes }}
                                        </p>
                                    </div>
                                @endif

                                {{-- تنبيهات منطقية --}}
                                @if(!empty($integrityFlags))
                                    <div class="mt-2 p-4 bg-rose-500/10 border border-rose-400/20 rounded-2xl">
                                        <div class="text-xs font-extrabold text-rose-200 mb-1">
                                            تنبيه تدقيق (للتأكد قبل الاعتماد)
                                        </div>
                                        <ul class="text-[11px] text-rose-200/85 space-y-1 list-disc pr-4">
                                            @foreach($integrityFlags as $flag)
                                                <li>{{ $flag }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                                {{-- معلومات تقييمات أخرى بنفس اليوم --}}
                                @if($count > 1)
                                    <div class="mt-3 p-4 bg-amber-500/10 border border-amber-400/20 rounded-2xl text-xs">
                                        <div class="font-extrabold text-amber-200 mb-1">
                                            <svg class="w-4 h-4 inline ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                            </svg>
                                            ملاحظة: يوجد {{ $count }} تقييمات لهذا العضو في نفس التاريخ
                                        </div>
                                        <div class="space-y-1 mt-2">
                                            @foreach($multipleEvaluations->sortByDesc('id') as $otherEval)
                                                <div class="flex justify-between items-center {{ $otherEval->id == $evaluation->id ? 'font-extrabold text-amber-100' : 'text-amber-200/80' }}">
                                                    <span>{{ $otherEval->show_evaluator_name ? $otherEval->evaluator->name : 'مقيم مجهول' }}</span>
                                                    <span>{{ $otherEval->total_daily_points }} نقطة</span>
                                                </div>
                                            @endforeach
                                        </div>
                                        <div class="mt-2 text-amber-200/80">
                                            يتم عرض أحدث تقييم فقط ({{ optional($evaluation->evaluation_date)->format('Y/m/d') }})
                                        </div>
                                    </div>
                                @endif
                            </div>

                            {{-- تذييل البطاقة --}}
                            <div class="px-5 py-4 bg-black/30 border-t border-white/10 rounded-b-3xl">
                                <div class="flex items-center justify-between text-sm mb-3">
                                    <span class="text-white/55">المقيم:</span>
                                    <span class="font-bold text-white">
                                        @if($evaluation->show_evaluator_name)
                                            @if((int)($evaluation->edit_count ?? 0) > 0)
                                                <span class="text-amber-200">{{ $evaluation->evaluator->name }}</span>
                                                <span class="text-xs text-white/50">(معدل)</span>
                                            @else
                                                {{ $evaluation->evaluator->name }}
                                            @endif
                                        @else
                                            <span class="text-white/45">مجهول الهوية</span>
                                            @if((int)($evaluation->edit_count ?? 0) > 0)
                                                <span class="text-xs text-amber-200">(معدل)</span>
                                            @endif
                                        @endif
                                    </span>
                                </div>

                                <div class="flex items-center justify-center space-x-3 space-x-reverse">
                                    {{-- عرض --}}
                                    <a href="{{ route('superadmin.evaluations.show', $evaluation) }}"
                                       class="inline-flex items-center justify-center w-10 h-10 rounded-2xl bg-white/5 border border-white/10 text-cyan-200 hover:bg-white/10 transition"
                                       title="عرض التفاصيل">
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                                        </svg>
                                    </a>

                                    {{-- تعديل --}}
                                    <a href="{{ route('superadmin.evaluations.edit', $evaluation) }}"
                                       class="inline-flex items-center justify-center w-10 h-10 rounded-2xl bg-white/5 border border-white/10 text-amber-200 hover:bg-white/10 transition"
                                       title="تعديل التقييم">
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
                                        </svg>
                                    </a>

                                    {{-- اعتراض --}}
                                    @if(method_exists($evaluation, 'objection') && $evaluation->objection)
                                        <button type="button"
                                                onclick="openObjectionModal({{ $evaluation->id }})"
                                                class="inline-flex items-center justify-center w-10 h-10 rounded-2xl bg-white/5 border border-white/10 text-fuchsia-200 hover:bg-white/10 transition"
                                                title="عرض الاعتراض">
                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h6m-2 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
                                            </svg>
                                        </button>
                                    @endif

                                    {{-- اعتماد --}}
                                    @if($evaluation->status == 'pending')
                                        <button type="button"
                                                onclick="openApprovalModal({{ $evaluation->id }}, '{{ $evaluation->user->name }}')"
                                                class="inline-flex items-center justify-center w-10 h-10 rounded-2xl bg-emerald-500/10 border border-emerald-400/20 text-emerald-200 hover:bg-emerald-500/15 transition"
                                                title="اعتماد التقييم">
                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                            </svg>
                                        </button>
                                    @endif

                                    {{-- رفض --}}
                                    @if($evaluation->status == 'pending')
                                        <button type="button"
                                                onclick="openRejectModal({{ $evaluation->id }}, '{{ $evaluation->user->name }}')"
                                                class="inline-flex items-center justify-center w-10 h-10 rounded-2xl bg-rose-500/10 border border-rose-400/20 text-rose-200 hover:bg-rose-500/15 transition"
                                                title="رفض التقييم">
                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                                            </svg>
                                        </button>
                                    @endif

                                    {{-- حذف --}}
                                    <button type="button"
                                            onclick="openDeleteModal({{ $evaluation->id }}, '{{ $evaluation->user->name }}')"
                                            class="inline-flex items-center justify-center w-10 h-10 rounded-2xl bg-white/5 border border-white/10 text-rose-200 hover:bg-white/10 transition"
                                            title="حذف التقييم">
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
                                        </svg>
                                    </button>

                                    {{-- نسخ رقم التقييم --}}
                                    <button type="button"
                                            onclick="copyToClipboard('{{ $evaluation->id }}')"
                                            class="inline-flex items-center justify-center w-10 h-10 rounded-2xl bg-white/5 border border-white/10 text-white/80 hover:bg-white/10 transition"
                                            title="نسخ رقم التقييم">
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16h8M8 12h8m-6 8h6a2 2 0 002-2V8l-6-6H8a2 2 0 00-2 2v4"></path>
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h6a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V10a2 2 0 012-2z"></path>
                                        </svg>
                                    </button>
                                </div>

                                <div class="mt-3 text-[11px] text-center text-white/50">
                                    رقم التقييم: <span class="font-extrabold text-white">{{ $evaluation->id }}</span>
                                </div>
                            </div>
                        </div>

    @endforeach
@endforeach

                    </div>
                </div>

                {{-- Pagination --}}
                <div class="px-5 py-4 border-t border-white/10">
                    <div class="flex flex-col sm:flex-row justify-between items-center gap-3">
                        <p class="text-sm text-white/70">
                            عرض {{ $evaluations->firstItem() }} إلى {{ $evaluations->lastItem() }}
                            من أصل {{ $evaluations->total() }} نتيجة
                        </p>
                        <div class="text-white/80">
                            {{ $evaluations->withQueryString()->links() }}
                        </div>
                    </div>
                </div>
            @else
                <div class="text-center py-12">
                    <div class="mx-auto w-14 h-14 rounded-3xl bg-white/5 border border-white/10 grid place-items-center text-white/60">
                        <svg class="w-7 h-7" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                        </svg>
                    </div>
                    <h3 class="mt-3 text-sm font-extrabold text-white">لا توجد تقييمات</h3>
                    <p class="mt-1 text-sm text-white/55">
                        لم يتم العثور على أي تقييمات للفلتر المحدد، جرّب تغيير إعدادات البحث أو التواريخ.
                    </p>
                </div>
            @endif
        </div>

    </div>
</div>

{{-- ===================== MODALS (سقراط) ===================== --}}

{{-- مودال اعتماد التقييم --}}
<div id="approvalModal" class="fixed inset-0 z-50 overflow-y-auto hidden">
    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
        <div class="fixed inset-0 bg-black/80 backdrop-blur-2xl transition-opacity" onclick="closeApprovalModal()"></div>

        <span class="hidden sm:inline-block sm:align-middle sm:h-screen">&#8203;</span>

        <div class="relative inline-block align-bottom rounded-3xl bg-gradient-to-br from-slate-900/95 via-slate-950/95 to-black/95 border border-emerald-400/25 shadow-2xl shadow-emerald-500/10 px-4 pt-5 pb-4 text-right overflow-hidden transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
            <div>
                <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-2xl bg-emerald-500/15 border border-emerald-400/25 text-emerald-200">
                    <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                    </svg>
                </div>
                <div class="mt-3 text-center sm:mt-5">
                    <h3 class="text-lg leading-6 font-extrabold text-white">اعتماد التقييم</h3>
                    <div class="mt-2">
                        <p class="text-sm text-white/70" id="modalUserName">
                            يرجى تأكيد اعتماد التقييم
                        </p>
                        <p class="mt-2 text-xs text-white/50">
                            تذكير: كل تقييم يتم اعتماده يؤثر على ملف العضو وسيُستخدم في التحليلات القادمة.
                        </p>
                    </div>
                </div>
            </div>

            <form id="approvalForm" class="mt-6 space-y-4">
                <meta name="csrf-token" content="{{ csrf_token() }}">
                <input type="hidden" id="evaluationId" name="evaluation_id">

                <div class="text-right">
                    <label class="block text-[11px] font-bold text-white/70 mb-2">ملاحظات الإدارة (ستحل محل الملاحظات السابقة)</label>
                    <textarea name="admin_notes" rows="3" placeholder="أكتب ملاحظاتك هنا بصياغة مهنية واضحة..."
                              class="w-full rounded-2xl bg-black/40 border border-white/15 text-white text-sm px-3 py-2
                                     focus:outline-none focus:ring-2 focus:ring-cyan-500/30"></textarea>
                    <p class="mt-1 text-[11px] text-white/45">
                        احرص على سلامة الإملاء وابتعد عن العبارات الشخصية؛ هذه الملاحظات تُعد مرجعًا رسميًا.
                    </p>
                </div>

                <div class="flex items-center gap-2">
                    <input type="checkbox" name="show_identity" id="show_identity" value="1"
                           class="h-4 w-4 text-cyan-600 focus:ring-cyan-500 border-white/20 rounded bg-black/40">
                    <label for="show_identity" class="block text-sm text-white/75">إظهار هويتي كمعتمد للتقييم</label>
                </div>

                <div class="flex flex-col sm:flex-row-reverse gap-2 mt-6">
                    <button type="submit"
                            class="inline-flex justify-center px-4 py-2 rounded-2xl text-xs font-extrabold text-slate-950
                                   bg-gradient-to-r from-emerald-200 via-cyan-200 to-fuchsia-200 shadow-lg shadow-emerald-500/15
                                   hover:scale-[1.01] active:scale-100 transition">
                        <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                        </svg>
                        اعتماد التقييم
                    </button>
                    <button type="button" onclick="closeApprovalModal()"
                            class="inline-flex justify-center px-4 py-2 rounded-2xl bg-white/10 border border-white/15 text-white/90 text-xs hover:bg-white/15 transition">
                        إلغاء
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- مودال حذف التقييم --}}
<div id="deleteModal" class="fixed inset-0 z-50 overflow-y-auto hidden">
    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
        <div class="fixed inset-0 bg-black/80 backdrop-blur-2xl transition-opacity" onclick="closeDeleteModal()"></div>

        <span class="hidden sm:inline-block sm:align-middle sm:h-screen">&#8203;</span>

        <div class="relative inline-block align-bottom rounded-3xl bg-gradient-to-br from-slate-900/95 via-slate-950/95 to-black/95 border border-rose-400/25 shadow-2xl shadow-rose-500/10 px-4 pt-5 pb-4 text-right overflow-hidden transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
            <div>
                <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-2xl bg-rose-500/15 border border-rose-400/25 text-rose-200">
                    <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
                    </svg>
                </div>
                <div class="mt-3 text-center sm:mt-5">
                    <h3 class="text-lg leading-6 font-extrabold text-white">حذف التقييم</h3>
                    <div class="mt-2">
                        <p class="text-sm text-white/70" id="deleteModalUserName">
                            هل أنت متأكد من حذف هذا التقييم؟ لا يمكن التراجع عن هذا الإجراء.
                        </p>
                        <p class="mt-2 text-xs text-white/50">
                            تذكير: حذف التقييم يغيّر السجل التراكمي للعضو، تأكد من قرارك قبل المتابعة.
                        </p>
                    </div>
                </div>
            </div>

            <form id="deleteForm" method="POST" class="mt-6">
                @csrf
                @method('DELETE')

                <div class="flex flex-col sm:flex-row-reverse gap-2">
                    <button type="submit"
                            class="inline-flex justify-center px-4 py-2 rounded-2xl text-xs font-extrabold text-white
                                   bg-rose-600/90 hover:bg-rose-600 transition">
                        <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
                        </svg>
                        نعم، احذف التقييم
                    </button>
                    <button type="button" onclick="closeDeleteModal()"
                            class="inline-flex justify-center px-4 py-2 rounded-2xl bg-white/10 border border-white/15 text-white/90 text-xs hover:bg-white/15 transition">
                        إلغاء
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- مودال الاعتراض --}}
<div id="objectionModal" class="fixed inset-0 z-50 overflow-y-auto hidden">
    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
        <div class="fixed inset-0 bg-black/80 backdrop-blur-2xl transition-opacity" onclick="closeObjectionModal()"></div>

        <span class="hidden sm:inline-block sm:align-middle sm:h-screen">&#8203;</span>

        <div class="relative inline-block align-bottom rounded-3xl bg-gradient-to-br from-slate-900/95 via-slate-950/95 to-black/95 border border-fuchsia-400/25 shadow-2xl shadow-fuchsia-500/10 px-4 pt-5 pb-4 text-right overflow-hidden transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full sm:p-6">
            <div id="objectionContent" class="text-sm text-white/80">
                جاري تحميل الاعتراض...
            </div>
            <div class="mt-6 flex justify-end">
                <button onclick="closeObjectionModal()"
                        class="px-4 py-2 rounded-2xl bg-white/10 border border-white/15 text-white/90 text-sm hover:bg-white/15 transition">
                    إغلاق
                </button>
            </div>
        </div>
    </div>
</div>

{{-- مودال رفض التقييم --}}
<div id="rejectModal" class="fixed inset-0 z-50 overflow-y-auto hidden">
    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
        <div class="fixed inset-0 bg-black/80 backdrop-blur-2xl transition-opacity" onclick="closeRejectModal()"></div>

        <span class="hidden sm:inline-block sm:align-middle sm:h-screen">&#8203;</span>

        <div class="relative inline-block align-bottom rounded-3xl bg-gradient-to-br from-slate-900/95 via-slate-950/95 to-black/95 border border-rose-400/25 shadow-2xl shadow-rose-500/10 px-4 pt-5 pb-4 text-right overflow-hidden transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
            <div>
                <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-2xl bg-rose-500/15 border border-rose-400/25 text-rose-200">
                    <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                    </svg>
                </div>
                <div class="mt-3 text-center sm:mt-5">
                    <h3 class="text-lg leading-6 font-extrabold text-white">رفض التقييم</h3>
                    <div class="mt-2">
                        <p class="text-sm text-white/70" id="rejectModalUserName">يرجى تأكيد رفض التقييم</p>
                        <p class="mt-2 text-xs text-white/50">
                            سيتم تغيير الحالة إلى “مرفوض”.
                        </p>
                    </div>
                </div>
            </div>

            <form id="rejectForm" class="mt-6 space-y-4">
                <input type="hidden" id="rejectEvaluationId" name="evaluation_id">

                <div class="text-right">
                    <label class="block text-[11px] font-bold text-white/70 mb-2">سبب الرفض (اختياري)</label>
                    <textarea name="reject_reason" rows="3" placeholder="اكتب سبب الرفض..."
                              class="w-full rounded-2xl bg-black/40 border border-white/15 text-white text-sm px-3 py-2
                                     focus:outline-none focus:ring-2 focus:ring-rose-500/30"></textarea>
                </div>

                <div class="flex items-center gap-2">
                    <input type="checkbox" name="show_identity" id="reject_show_identity" value="1"
                           class="h-4 w-4 text-rose-600 focus:ring-rose-500 border-white/20 rounded bg-black/40">
                    <label for="reject_show_identity" class="block text-sm text-white/75">
                        إظهار هويتي كرافض للتقييم
                    </label>
                </div>

                <div class="flex flex-col sm:flex-row-reverse gap-2 mt-6">
                    <button type="submit"
                            class="inline-flex justify-center px-4 py-2 rounded-2xl text-xs font-extrabold text-white
                                   bg-rose-600/90 hover:bg-rose-600 transition">
                        رفض التقييم
                    </button>
                    <button type="button" onclick="closeRejectModal()"
                            class="inline-flex justify-center px-4 py-2 rounded-2xl bg-white/10 border border-white/15 text-white/90 text-xs hover:bg-white/15 transition">
                        إلغاء
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
// نسخ نص للحافظة
function copyToClipboard(text) {
    if (!text) return;
    if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(String(text))
            .then(() => alert('تم نسخ رقم التقييم: ' + text))
            .catch(() => alert('تعذر النسخ تلقائيًا. انسخ يدويًا: ' + text));
    } else {
        // fallback قديم
        const temp = document.createElement('textarea');
        temp.value = String(text);
        document.body.appendChild(temp);
        temp.select();
        try { document.execCommand('copy'); alert('تم النسخ: ' + text); }
        catch(e) { alert('تعذر النسخ. انسخ يدويًا: ' + text); }
        document.body.removeChild(temp);
    }
}

// فتح مودال الاعتماد
function openApprovalModal(evaluationId, userName) {
    document.getElementById('evaluationId').value = evaluationId;
    document.getElementById('modalUserName').textContent = `تقييم المستخدم: ${userName}`;
    document.getElementById('approvalModal').classList.remove('hidden');
    document.getElementById('approvalForm').reset();
    document.getElementById('evaluationId').value = evaluationId;
}

// إغلاق مودال الاعتماد
function closeApprovalModal() {
    document.getElementById('approvalModal').classList.add('hidden');
}

// فتح مودال الحذف
function openDeleteModal(evaluationId, userName) {
    document.getElementById('deleteModalUserName').textContent = `هل أنت متأكد من حذف تقييم المستخدم: ${userName}؟ لا يمكن التراجع عن هذا الإجراء.`;
    document.getElementById('deleteForm').action = `/superadmin/evaluations/${evaluationId}`;
    document.getElementById('deleteModal').classList.remove('hidden');
}

// إغلاق مودال الحذف
function closeDeleteModal() {
    document.getElementById('deleteModal').classList.add('hidden');
}

// فتح مودال الاعتراض
function openObjectionModal(evaluationId) {
    const modal = document.getElementById('objectionModal');
    const content = document.getElementById('objectionContent');
    modal.classList.remove('hidden');
    content.innerHTML = 'جاري تحميل الاعتراض...';

    fetch(`/superadmin/evaluations/${evaluationId}/objection`, {
        headers: {'X-Requested-With': 'XMLHttpRequest'}
    })
    .then(response => response.text())
    .then(html => content.innerHTML = html)
    .catch(() => content.innerHTML = '<p class="text-rose-200">حدث خطأ أثناء تحميل الاعتراض.</p>');
}

// إغلاق مودال الاعتراض
function closeObjectionModal() {
    document.getElementById('objectionModal').classList.add('hidden');
}

// إغلاق المودالات بزر ESC
document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') {
        closeApprovalModal();
        closeDeleteModal();
        closeObjectionModal();
        closeRejectModal();
    }
});

// فتح مودال الرفض
function openRejectModal(evaluationId, userName) {
    document.getElementById('rejectEvaluationId').value = evaluationId;
    document.getElementById('rejectModalUserName').textContent = `رفض تقييم المستخدم: ${userName}`;
    document.getElementById('rejectModal').classList.remove('hidden');
    document.getElementById('rejectForm').reset();
    document.getElementById('rejectEvaluationId').value = evaluationId;
}

// إغلاق مودال الرفض
function closeRejectModal() {
    document.getElementById('rejectModal').classList.add('hidden');
}

document.addEventListener('DOMContentLoaded', function() {
    const csrfMeta  = document.querySelector('meta[name="csrf-token"]');
    const csrfToken = csrfMeta ? csrfMeta.getAttribute('content') : '';

    const rejectForm = document.getElementById('rejectForm');
    if (rejectForm) {
        rejectForm.onsubmit = function(e) {
            e.preventDefault();

            const form = this;
            const submitButton = form.querySelector('button[type="submit"]');
            const originalText = submitButton.innerHTML;
            const evaluationId = document.getElementById('rejectEvaluationId').value;

            submitButton.disabled = true;
            submitButton.innerHTML = 'جاري الرفض...';

            const formData = new FormData(form);

            fetch(`/superadmin/evaluations/${evaluationId}/reject`, {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': csrfToken,
                    'Accept': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                },
                body: formData
            })
            .then(async (response) => {
                const ct = response.headers.get('content-type') || '';
                const data = ct.includes('application/json') ? await response.json().catch(() => null) : null;

                if (!response.ok) {
                    const msg = data?.message || `HTTP error! status: ${response.status}`;
                    throw new Error(msg);
                }
                return data;
            })
            .then(data => {
                if (data?.success) {
                    closeRejectModal();
                    alert(data.message || 'تم رفض التقييم بنجاح');
                    location.reload();
                } else {
                    alert(data?.message || 'حدث خطأ غير متوقع');
                }
            })
            .catch(err => {
                console.error(err);
                alert(err.message || 'تعذر الاتصال بالخادم');
            })
            .finally(() => {
                submitButton.disabled = false;
                submitButton.innerHTML = originalText;
            });
        };
    }
});

// التعامل مع نموذج الاعتماد (AJAX)
document.addEventListener('DOMContentLoaded', function() {
    const csrfMeta = document.querySelector('meta[name="csrf-token"]');
    const csrfToken = csrfMeta ? csrfMeta.getAttribute('content') : '';

    document.getElementById('approvalForm').onsubmit = function(e) {
        e.preventDefault();

        const form = this;
        const submitButton = form.querySelector('button[type="submit"]');
        const originalText = submitButton.innerHTML;
        const evaluationId = document.getElementById('evaluationId').value;

        submitButton.disabled = true;
        submitButton.innerHTML = `
            <svg class="animate-spin -mr-1 ml-3 h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
            </svg>
            جاري الاعتماد...
        `;

        const formData = new FormData(form);

        fetch(`/superadmin/evaluations/${evaluationId}/approve`, {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json',
                'X-Requested-With': 'XMLHttpRequest'
            },
            body: formData
        })
        .then(async (response) => {
            // ✅ محدث: اقرأ JSON حتى لو 422
            const contentType = response.headers.get('content-type') || '';
            let data = null;

            if (contentType.includes('application/json')) {
                data = await response.json().catch(() => null);
            } else {
                const txt = await response.text().catch(() => '');
                throw new Error(txt || `HTTP error! status: ${response.status}`);
            }

            if (!response.ok) {
                // ✅ هنا سيطلع سبب التناقضات بدل رسالة اتصال
                const msg = (data && data.message) ? data.message : `HTTP error! status: ${response.status}`;
                throw new Error(msg);
            }

            return data;
        })
        .then(data => {
            if (data && data.success) {
                closeApprovalModal();
                alert(data.message || 'تم اعتماد التقييم بنجاح');
                location.reload();
            } else {
                alert((data && data.message) ? data.message : 'حدث خطأ غير متوقع');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            // ✅ محدث: اعرض رسالة السيرفر الفعلية
            alert(error.message || 'تعذر الاتصال بالخادم، يرجى المحاولة مرة أخرى');
        })
        .finally(() => {
            submitButton.disabled = false;
            submitButton.innerHTML = originalText;
        });
    };
});
</script>

@endsection