@extends('layouts.superadmin')

@section('title', 'مراقبة نزاهة التقييمات')
@section('page-title', 'مراقبة نزاهة التقييمات (Integrity Monitor)')

@section('content')
@php
    // ===================== ADD: Attendance Arabic Mapping =====================
    $attendanceLabel = function($v){
        return match($v){
            'present'               => 'حاضر',
            'absent_with_excuse'    => 'غائب بعذر',
            'absent_without_excuse' => 'غائب بدون عذر',
            default                 => 'غير محدد',
        };
    };

    $attendanceBadge = function($v) use ($attendanceLabel){
        $cls = match($v){
            'present'               => 'bg-emerald-500/15 text-emerald-200 border border-emerald-500/20',
            'absent_with_excuse'    => 'bg-amber-500/15 text-amber-200 border border-amber-500/20',
            'absent_without_excuse' => 'bg-rose-500/15 text-rose-200 border border-rose-500/20',
            default                 => 'bg-slate-500/15 text-slate-200 border border-slate-500/20',
        };
        return '<span class="text-[10px] font-bold px-2 py-0.5 rounded-full '.$cls.'">'.$attendanceLabel($v).'</span>';
    };
    // ===================== END ADD =====================
@endphp

<div class="min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 py-6">
    <div class="max-w-6xl mx-auto px-4 rtl text-white">

        {{-- الهيدر --}}
        <div class="mb-6">
            <div class="flex items-center justify-between gap-3">
                <div class="flex items-center gap-3">
                    <div class="h-11 w-11 rounded-2xl bg-slate-800 flex items-center justify-center
                                ring-2 ring-rose-500/60 shadow-lg shadow-rose-500/30">
                        <i class="fa-solid fa-shield-halved text-rose-300 text-xl"></i>
                    </div>
                    <div>
                        <h1 class="text-xl sm:text-2xl font-bold">مراقبة نزاهة التقييمات</h1>
                        <p class="text-sm text-slate-300/80">
                            كشف تلقائي للتناقضات المنطقية: حاضر بنقاط 0، غياب بنقاط، ملاحظات مع الغياب، حسبة غياب بدون عذر خاطئة،
                            أو وجود غياب رسمي معتمد بدون ضبط الحالة.
                        </p>
                    </div>
                </div>

                {{-- تبديل عرض جدول / كروت --}}
                <div class="flex items-center gap-2">
                    @php $isCards = (request('view','table') === 'cards'); @endphp
                    <a href="{{ request()->fullUrlWithQuery(['view'=>'table','page'=>null]) }}"
                       class="h-9 px-3 rounded-xl text-xs font-semibold border
                              {{ !$isCards ? 'bg-white/15 border-white/20 text-white' : 'border-slate-700 text-slate-200 hover:bg-white/10' }}">
                        <i class="fa-solid fa-table ml-1"></i> جدول
                    </a>
                    <a href="{{ request()->fullUrlWithQuery(['view'=>'cards','page'=>null]) }}"
                       class="h-9 px-3 rounded-xl text-xs font-semibold border
                              {{ $isCards ? 'bg-white/15 border-white/20 text-white' : 'border-slate-700 text-slate-200 hover:bg-white/10' }}">
                        <i class="fa-solid fa-id-card ml-1"></i> كروت
                    </a>
                </div>
            </div>
        </div>

        {{-- كروت الملخّص --}}
        @php
            $items = $rows->getCollection();
            $total = (int)($rows->total() ?? 0);

            $cPresentZero = $items->filter(fn($e)=>in_array('حاضر لكن النقاط = 0', (array)($e->anomaly_reasons ?? []), true))->count();
            $cAbsentPoints = $items->filter(function($e){
                $reasons = (array)($e->anomaly_reasons ?? []);
                return collect($reasons)->contains(fn($r)=>str_contains($r,'غياب لكن النقاط > 0'));
            })->count();
            $cAbsentNotes = $items->filter(fn($e)=>collect((array)($e->anomaly_reasons ?? []))->contains('غياب لكن يوجد ملاحظات مقيم'))->count();
            $cCalcWrong = $items->filter(function($e){
                $reasons = (array)($e->anomaly_reasons ?? []);
                return collect($reasons)->contains(fn($r)=>str_contains($r,'حسبة الغياب بدون عذر غير صحيحة'));
            })->count();
        @endphp

        <div class="grid grid-cols-1 sm:grid-cols-5 gap-3 mb-6">
            <div class="rounded-2xl border border-slate-800 bg-slate-900/80 p-4">
                <div class="text-[11px] text-slate-400">إجمالي النتائج</div>
                <div class="text-2xl font-bold text-white mt-1">{{ $total }}</div>
            </div>

            <div class="rounded-2xl border border-rose-500/20 bg-rose-500/5 p-4">
                <div class="text-[11px] text-rose-200/80">حاضر + نقاط 0</div>
                <div class="text-2xl font-bold text-rose-100 mt-1">{{ $cPresentZero }}</div>
            </div>

            <div class="rounded-2xl border border-amber-500/20 bg-amber-500/5 p-4">
                <div class="text-[11px] text-amber-200/80">غياب + نقاط</div>
                <div class="text-2xl font-bold text-amber-100 mt-1">{{ $cAbsentPoints }}</div>
            </div>

            <div class="rounded-2xl border border-sky-500/20 bg-sky-500/5 p-4">
                <div class="text-[11px] text-sky-200/80">غياب + ملاحظات</div>
                <div class="text-2xl font-bold text-sky-100 mt-1">{{ $cAbsentNotes }}</div>
            </div>

            <div class="rounded-2xl border border-purple-500/20 bg-purple-500/5 p-4">
                <div class="text-[11px] text-purple-200/80">حسبة خاطئة</div>
                <div class="text-2xl font-bold text-purple-100 mt-1">{{ $cCalcWrong }}</div>
            </div>
        </div>

        {{-- الفلاتر --}}
        <form method="GET" action="{{ route('superadmin.evaluations.integrity') }}"
              class="mb-6 rounded-2xl border border-slate-700/80 bg-slate-900/90 p-4 sm:p-5 shadow-xl">
            <div class="grid gap-4 md:grid-cols-6 grid-cols-1">

                <div class="flex flex-col gap-1">
                    <label class="text-xs text-slate-300">من</label>
                    <input type="date" name="from" value="{{ $from }}"
                           class="w-full rounded-xl border border-slate-700 bg-slate-950/60 px-3 py-2 text-sm text-white
                                  focus:outline-none focus:ring-2 focus:ring-rose-500 focus:border-rose-500">
                </div>

                <div class="flex flex-col gap-1">
                    <label class="text-xs text-slate-300">إلى</label>
                    <input type="date" name="to" value="{{ $to }}"
                           class="w-full rounded-xl border border-slate-700 bg-slate-950/60 px-3 py-2 text-sm text-white
                                  focus:outline-none focus:ring-2 focus:ring-rose-500 focus:border-rose-500">
                </div>

                <div class="flex flex-col gap-1 md:col-span-3">
                    <label class="text-xs text-slate-300">بحث</label>
                    <input type="text" name="q" value="{{ request('q') }}" placeholder="اسم العضو / المقيم / يوزر / إيميل"
                           class="w-full rounded-xl border border-slate-700 bg-slate-950/60 px-3 py-2 text-sm text-white
                                  placeholder:text-slate-500 focus:outline-none focus:ring-2
                                  focus:ring-rose-500 focus:border-rose-500">
                </div>

                <div class="flex flex-col gap-1">
                    <label class="text-xs text-slate-300">نوع التناقض</label>
                    <select name="type"
                            class="w-full rounded-xl border border-slate-700 bg-slate-950/60 px-3 py-2 text-sm text-white
                                   focus:outline-none focus:ring-2 focus:ring-rose-500 focus:border-rose-500">
                        <option value="all" {{ request('type','all')==='all'?'selected':'' }}>الكل</option>
                        <option value="present_zero" {{ request('type')==='present_zero'?'selected':'' }}>حاضر + نقاط 0</option>
                        <option value="absent_points" {{ request('type')==='absent_points'?'selected':'' }}>غياب + نقاط</option>
                        <option value="absent_notes" {{ request('type')==='absent_notes'?'selected':'' }}>غياب + ملاحظات</option>
                        <option value="absent_wo_calc" {{ request('type')==='absent_wo_calc'?'selected':'' }}>حسبة غياب بدون عذر</option>
                        <option value="approved_absence_mismatch" {{ request('type')==='approved_absence_mismatch'?'selected':'' }}>غياب رسمي غير مطبق</option>
                    </select>
                </div>

                <input type="hidden" name="view" value="{{ request('view','table') }}">
            </div>

            <div class="mt-3 flex flex-wrap items-center gap-2">
                <button class="inline-flex items-center justify-center rounded-xl bg-rose-500 px-4 py-2 text-sm font-semibold
                               text-slate-950 hover:bg-rose-400 transition">
                    <i class="fa-solid fa-filter ml-2 text-xs"></i>
                    تطبيق
                </button>
                <a href="{{ route('superadmin.evaluations.integrity') }}"
                   class="inline-flex items-center justify-center rounded-xl border border-slate-600 px-4 py-2 text-sm
                          font-medium text-slate-200 hover:bg-slate-800/80 transition">
                    إعادة ضبط
                </a>
                <span class="text-[11px] text-slate-400">
                    النتائج تُعرض كتقييمات “مشبوهة/متناقضة” فقط.
                </span>
            </div>
        </form>

        {{-- النتائج: كروت / جدول --}}
        @if($isCards)
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
                @forelse($rows as $e)
                    @php
                        $reasons = (array)($e->anomaly_reasons ?? []);
                        $userName = $e->user->name ?? ('#'.$e->user_id);
                        $evName   = $e->evaluator->name ?? ('#'.$e->evaluator_id);
                        $dateYmd  = \Carbon\Carbon::parse($e->evaluation_date)->toDateString();
                    @endphp

                    <div class="rounded-2xl border border-slate-800 bg-slate-900/80 p-4">
                        <div class="flex items-start justify-between gap-2">
                            <div class="min-w-0">
                                <div class="font-semibold text-slate-100 truncate">{{ $userName }}</div>
                                <div class="text-[11px] text-slate-400 truncate">
                                    المقيم: {{ $evName }} • {{ $dateYmd }}
                                </div>
                            </div>

                            <div class="text-right">
                                <div class="text-[10px] text-slate-400">النقاط</div>
                                <div class="text-sm font-bold text-emerald-200">{{ (int)($e->total_daily_points ?? 0) }}</div>
                            </div>
                        </div>

                        <div class="mt-3 flex flex-wrap gap-1.5">
                            @foreach($reasons as $r)
                                <span class="text-[10px] font-bold px-2 py-0.5 rounded-full
                                             bg-rose-500/15 text-rose-200 border border-rose-500/20">
                                    {{ $r }}
                                </span>
                            @endforeach
                        </div>

                        <div class="mt-3 grid grid-cols-3 gap-2">
                            <div class="rounded-xl border border-slate-800 bg-slate-950/40 p-2">
                                <div class="text-[10px] text-slate-400">واتساب</div>
                                <div class="text-sm font-bold text-sky-100">{{ (int)($e->whatsapp_presence ?? 0) }}</div>
                            </div>
                            <div class="rounded-xl border border-slate-800 bg-slate-950/40 p-2">
                                <div class="text-[10px] text-slate-400">تيكتوك</div>
                                <div class="text-sm font-bold text-purple-100">{{ (int)($e->tiktok_interaction ?? 0) }}</div>
                            </div>

                            {{-- ===================== UPDATE: Attendance Arabic ===================== --}}
                            <div class="rounded-xl border border-slate-800 bg-slate-950/40 p-2">
                                <div class="text-[10px] text-slate-400">الحضور</div>
                                <div class="text-[11px] font-bold text-slate-100 truncate">
                                    {!! $attendanceBadge($e->attendance_status) !!}
                                </div>
                            </div>
                            {{-- ===================== END UPDATE ===================== --}}
                        </div>

                        <div class="mt-3 flex items-center justify-between">
                            <a href="{{ route('superadmin.evaluations.show', $e) }}"
                               class="inline-flex items-center justify-center rounded-xl bg-white/10 border border-white/10
                                      px-3 py-2 text-xs font-semibold text-white hover:bg-white/15 transition">
                                <i class="fa-solid fa-arrow-up-right-from-square ml-2 text-[10px]"></i>
                                فتح التقييم
                            </a>

                            <span class="text-[10px] text-slate-400">
                                #{{ $e->id }}
                            </span>
                        </div>
                    </div>
                @empty
                    <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 text-center text-slate-400 lg:col-span-3">
                        لا يوجد تناقضات ضمن الفلاتر الحالية.
                    </div>
                @endforelse
            </div>

            <div class="mt-4">
                {{ $rows->links() }}
            </div>
        @else
            <div class="rounded-2xl border border-slate-700/80 bg-slate-900/90 shadow-xl overflow-hidden">
                <div class="border-b border-slate-800 px-4 py-3 flex items-center justify-between">
                    <div>
                        <h2 class="text-sm sm:text-base font-semibold">جدول التناقضات</h2>
                        <p class="text-[11px] text-slate-400">كل صف هنا يعتبر “مشكلة نزاهة/منطق” ويحتاج مراجعة.</p>
                    </div>
                    <span class="text-[11px] text-slate-400">عدد الصفوف: {{ $rows->total() }}</span>
                </div>

                <div class="overflow-x-auto">
                    <table class="min-w-full text-xs sm:text-sm text-slate-200">
                        <thead class="bg-slate-900/90 border-b border-slate-800 text-[11px] uppercase tracking-wide">
                            <tr>
                                <th class="px-3 py-2 text-right">التاريخ</th>
                                <th class="px-3 py-2 text-right">العضو</th>
                                <th class="px-3 py-2 text-right">المقيم</th>
                                <th class="px-3 py-2 text-right">الحضور</th>
                                <th class="px-3 py-2 text-right">واتساب</th>
                                <th class="px-3 py-2 text-right">تيكتوك</th>
                                <th class="px-3 py-2 text-right">النقاط</th>
                                <th class="px-3 py-2 text-right">الأسباب</th>
                                <th class="px-3 py-2 text-right">فتح</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-slate-800">
                            @forelse($rows as $e)
                                @php
                                    $reasons = (array)($e->anomaly_reasons ?? []);
                                    $dateYmd = \Carbon\Carbon::parse($e->evaluation_date)->toDateString();
                                @endphp
                                <tr class="hover:bg-slate-800/50 align-top">
                                    <td class="px-3 py-2 text-[11px] text-slate-300">{{ $dateYmd }}</td>
                                    <td class="px-3 py-2">
                                        <div class="flex flex-col">
                                            <span class="font-semibold text-slate-100">{{ $e->user->name ?? ('#'.$e->user_id) }}</span>
                                            <span class="text-[11px] text-slate-500">#{{ $e->id }}</span>
                                        </div>
                                    </td>
                                    <td class="px-3 py-2 text-[11px] text-slate-300">{{ $e->evaluator->name ?? ('#'.$e->evaluator_id) }}</td>

                                    {{-- ===================== UPDATE: Attendance Arabic ===================== --}}
                                    <td class="px-3 py-2">
                                        {!! $attendanceBadge($e->attendance_status) !!}
                                    </td>
                                    {{-- ===================== END UPDATE ===================== --}}

                                    <td class="px-3 py-2 text-sky-100">{{ (int)($e->whatsapp_presence ?? 0) }}</td>
                                    <td class="px-3 py-2 text-purple-100">{{ (int)($e->tiktok_interaction ?? 0) }}</td>
                                    <td class="px-3 py-2 font-semibold text-emerald-200">{{ (int)($e->total_daily_points ?? 0) }}</td>
                                    <td class="px-3 py-2">
                                        <div class="flex flex-wrap gap-1.5">
                                            @foreach($reasons as $r)
                                                <span class="text-[10px] font-bold px-2 py-0.5 rounded-full
                                                             bg-rose-500/15 text-rose-200 border border-rose-500/20">
                                                    {{ $r }}
                                                </span>
                                            @endforeach
                                        </div>
                                    </td>
                                    <td class="px-3 py-2">
                                        <a href="{{ route('superadmin.evaluations.show', $e) }}"
                                           class="inline-flex items-center justify-center rounded-xl bg-white/10 border border-white/10
                                                  px-3 py-2 text-xs font-semibold text-white hover:bg-white/15 transition">
                                            <i class="fa-solid fa-arrow-up-right-from-square ml-2 text-[10px]"></i>
                                            فتح
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9" class="px-4 py-8 text-center text-slate-400">
                                        لا يوجد تناقضات ضمن الفلاتر الحالية.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="px-4 py-3 border-t border-slate-800">
                    {{ $rows->links() }}
                </div>
            </div>
        @endif

        <div class="mt-5 text-[11px] text-slate-500 text-center">
            هذه الصفحة “رقابة نزاهة” تمنع تراكم الأخطاء على النقاط والسمعة قبل ما تتحول مشكلة كبيرة.
        </div>

    </div>
</div>
@endsection