@extends('layouts.superadmin')

@section('title', 'إصلاح أخطاء التقييمات - نزاهة')
@section('page-title', 'إصلاح أخطاء التقييمات - نزاهة')

@section('content')
@php
    $attendanceLabel = fn($v) => match($v){
        'present' => 'حاضر',
        'absent_with_excuse' => 'غائب بعذر',
        'absent_without_excuse' => 'غائب بدون عذر',
        default => 'غير محدد',
    };

    $isCards = (request('view','cards') === 'cards');

    // Helpers: safe defaults for view variables
    $from = $from ?? request('from');
    $to   = $to   ?? request('to');
    $q    = $q    ?? request('q');
    $type = $type ?? request('type','all');
    $status = $status ?? request('status','all');
    $role = $role ?? request('role','all');
    $userId = $userId ?? request('user_id');
    $evaluatorId = $evaluatorId ?? request('evaluator_id');
    $perPage = $perPage ?? (int)request('per_page', 15);
@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">

    {{-- Header --}}
    <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-emerald-500/60 shadow-lg shadow-emerald-500/30">
                    <i class="fa-solid fa-screwdriver-wrench text-emerald-300 text-xl"></i>
                </div>
                <div>
                    <h1 class="text-xl sm:text-2xl font-bold">إصلاح أخطاء التقييمات</h1>
                    <p class="text-sm text-slate-300/80">
                        صفحة إصلاح التناقضات الحساسة. تتطلب كلمة مرور داخلية لتنفيذ الإصلاح وإرسال إشعارات رسمية للعضو والإدارة (والمُقيِّم أيضًا).
                    </p>
                </div>
            </div>

            {{-- Toggle --}}
            <div class="flex items-center gap-2">
                <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>
                <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>
            </div>
        </div>
    </div>

    {{-- Flash Messages --}}
    @if(session('success'))
        <div class="mb-4 rounded-2xl border border-emerald-500/25 bg-emerald-500/10 px-4 py-3 text-sm text-emerald-100">
            <i class="fa-solid fa-circle-check ml-2"></i>{{ session('success') }}
        </div>
    @endif
    @if(session('warning'))
        <div class="mb-4 rounded-2xl border border-amber-500/25 bg-amber-500/10 px-4 py-3 text-sm text-amber-100">
            <i class="fa-solid fa-triangle-exclamation ml-2"></i>{{ session('warning') }}
        </div>
    @endif
    @if(session('error'))
        <div class="mb-4 rounded-2xl border border-rose-500/25 bg-rose-500/10 px-4 py-3 text-sm text-rose-100">
            <i class="fa-solid fa-circle-xmark ml-2"></i>{{ session('error') }}
        </div>
    @endif

    {{-- Filters --}}
    <form method="GET" action="{{ route('superadmin.evaluations.integrity.fix') }}"
          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-emerald-500 focus:border-emerald-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-emerald-500 focus:border-emerald-500">
            </div>

            <div class="flex flex-col gap-1 md:col-span-2">
                <label class="text-xs text-slate-300">بحث (عضو/مقيم)</label>
                <input type="text" name="q" value="{{ $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-emerald-500 focus:border-emerald-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-emerald-500 focus:border-emerald-500">
                    <option value="all" {{ $type==='all'?'selected':'' }}>الكل</option>
                    <option value="present_zero" {{ $type==='present_zero'?'selected':'' }}>حاضر + نقاط 0</option>
                    <option value="absent_points" {{ $type==='absent_points'?'selected':'' }}>غياب + نقاط</option>
                    <option value="absent_notes" {{ $type==='absent_notes'?'selected':'' }}>غياب + ملاحظات</option>
                    <option value="absent_wo_calc" {{ $type==='absent_wo_calc'?'selected':'' }}>حسبة غياب بدون عذر</option>
                    <option value="approved_absence_mismatch" {{ $type==='approved_absence_mismatch'?'selected':'' }}>غياب رسمي غير مطبق</option>
                </select>
            </div>

            <div class="flex flex-col gap-1">
                <label class="text-xs text-slate-300">حالة التقييم</label>
                <select name="status"
                        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-emerald-500 focus:border-emerald-500">
                    <option value="all" {{ $status==='all'?'selected':'' }}>الكل</option>
                    <option value="pending" {{ $status==='pending'?'selected':'' }}>معلّق</option>
                    <option value="approved" {{ $status==='approved'?'selected':'' }}>معتمد</option>
                </select>
            </div>

            <div class="flex flex-col gap-1">
                <label class="text-xs text-slate-300">نوع العضو</label>
                <select name="role"
                        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-emerald-500 focus:border-emerald-500">
                    <option value="all" {{ $role==='all'?'selected':'' }}>الكل</option>
                    <option value="members" {{ $role==='members'?'selected':'' }}>أعضاء</option>
                    <option value="moderators" {{ $role==='moderators'?'selected':'' }}>مشرفين</option>
                    <option value="admins" {{ $role==='admins'?'selected':'' }}>إدارة</option>
                </select>
            </div>

            <div class="flex flex-col gap-1">
                <label class="text-xs text-slate-300">ID العضو</label>
                <input type="number" name="user_id" value="{{ $userId }}" 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-emerald-500 focus:border-emerald-500">
            </div>

            <div class="flex flex-col gap-1">
                <label class="text-xs text-slate-300">ID المقيم</label>
                <input type="number" name="evaluator_id" value="{{ $evaluatorId }}" 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-emerald-500 focus:border-emerald-500">
            </div>

            <div class="flex flex-col gap-1">
                <label class="text-xs text-slate-300">عدد بالصفحة</label>
                <select name="per_page"
                        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-emerald-500 focus:border-emerald-500">
                    @foreach([15,30,50,100] as $n)
                        <option value="{{ $n }}" {{ (int)$perPage===$n?'selected':'' }}>{{ $n }}</option>
                    @endforeach
                </select>
            </div>

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

        <div class="mt-3 flex flex-wrap items-center gap-2">
            <button class="inline-flex items-center justify-center rounded-xl bg-emerald-500 px-4 py-2 text-sm font-semibold
                           text-slate-950 hover:bg-emerald-400 transition">
                <i class="fa-solid fa-filter ml-2 text-xs"></i> تطبيق
            </button>

            <a href="{{ route('superadmin.evaluations.integrity.fix') }}"
               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>

    {{-- Cards --}}
    @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 ?? []);
                    $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">{{ $e->user->name ?? ('#'.$e->user_id) }}</div>
                            <div class="text-[11px] text-slate-400 truncate">
                                المقيم: {{ $e->evaluator->name ?? ('#'.$e->evaluator_id) }} • {{ $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 }}</div>
                        </div>
                    </div>

                    <div class="mt-2 text-[11px]">
                        <span class="text-slate-400">الحضور:</span>
                        <span class="font-bold text-white">{{ $attendanceLabel($e->attendance_status) }}</span>
                    </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 }}</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 }}</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-slate-100">#{{ $e->id }}</div>
                        </div>
                    </div>

                    {{-- Fix Form --}}
                    <form method="POST" action="{{ route('superadmin.evaluations.integrity.fix.do') }}" class="mt-3 space-y-2">
                        @csrf
                        <input type="hidden" name="evaluation_id" value="{{ $e->id }}">
                        <input type="hidden" name="view" value="{{ request('view','cards') }}">

                        <div class="grid grid-cols-1 gap-2">
                            <input type="password" name="pin" value="" 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-emerald-500 focus:border-emerald-500"
                                   required>

                            <p class="text-[11px] text-slate-400 -mt-1">
                                هذا الإجراء مخصص للسوبر أدمن فقط.
                            </p>

                            <select name="fix_mode"
                                    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-emerald-500 focus:border-emerald-500"
                                    required>
                                <option value="auto">إصلاح تلقائي ذكي (موصى به)</option>
                                <option value="force_present">فرض “حاضر” + إعادة حساب النقاط</option>
                                <option value="force_absent_with_excuse">فرض “غياب بعذر” + تصفير</option>
                                <option value="force_absent_without_excuse">فرض “غياب بدون عذر” + حسبة -2</option>
                            </select>

                            <textarea name="admin_note" rows="2" 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-emerald-500 focus:border-emerald-500"></textarea>
                        </div>

                        <div class="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 mr-2 text-[10px]"></i>
                            </a>

                            <button class="inline-flex items-center justify-center rounded-xl bg-emerald-500 px-4 py-2 text-xs font-extrabold
                                           text-slate-950 hover:bg-emerald-400 transition">
                                <i class="fa-solid fa-wand-magic-sparkles ml-2 text-[10px]"></i>
                                إصلاح + إشعار
                            </button>
                        </div>
                    </form>
                </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>

    {{-- Table --}}
    @else
        <div class="rounded-2xl border border-slate-700/80 bg-slate-900/90 shadow-xl overflow-hidden">
            <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>
                        </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 font-semibold text-slate-100">{{ $e->user->name ?? ('#'.$e->user_id) }}</td>
                                <td class="px-3 py-2 text-[11px] text-slate-300">{{ $e->evaluator->name ?? ('#'.$e->evaluator_id) }}</td>
                                <td class="px-3 py-2 text-[11px] text-slate-200">{{ $attendanceLabel($e->attendance_status) }}</td>
                                <td class="px-3 py-2 font-semibold text-emerald-200">{{ (int)$e->total_daily_points }}</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">
                                    <form method="POST" action="{{ route('superadmin.evaluations.integrity.fix.do') }}" class="min-w-[260px] space-y-2">
                                        @csrf
                                        <input type="hidden" name="evaluation_id" value="{{ $e->id }}">
                                        <input type="hidden" name="view" value="{{ request('view','table') }}">

                                        <input type="password" name="pin" placeholder="كلمة المرور"
                                               class="w-full rounded-xl border border-slate-700 bg-slate-950/60 px-3 py-2 text-xs text-white
                                                      placeholder:text-slate-500 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500"
                                               required>

                                        <p class="text-[11px] text-slate-400 -mt-1">
                                            للسوبر أدمن فقط.
                                        </p>

                                        <select name="fix_mode"
                                                class="w-full rounded-xl border border-slate-700 bg-slate-950/60 px-3 py-2 text-xs text-white
                                                       focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500"
                                                required>
                                            <option value="auto">Auto</option>
                                            <option value="force_present">حاضر</option>
                                            <option value="force_absent_with_excuse">بعذر</option>
                                            <option value="force_absent_without_excuse">بدون عذر</option>
                                        </select>

                                        <button class="w-full inline-flex items-center justify-center rounded-xl bg-emerald-500 px-3 py-2 text-xs font-extrabold
                                                       text-slate-950 hover:bg-emerald-400 transition">
                                            إصلاح + إشعار
                                        </button>

                                        <a href="{{ route('superadmin.evaluations.show', $e) }}"
                                           class="w-full 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">
                                            فتح التقييم
                                        </a>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" 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