{{-- resources/views/superadmin/proactive/command/proofs.blade.php --}}
@extends('layouts.superadmin')

@section('title', 'ProActive — الإثباتات')
@section('page-title', 'إثباتات ProActive')

@section('content')
@php
  use Illuminate\Support\Facades\Route;

  // ✅ safe_route داخل نفس الـView
  if (!function_exists('safe_route')) {
      function safe_route(string $name, array $params = [], bool $absolute = true, string $fallback = '#'): string
      {
          try {
              return Route::has($name) ? route($name, $params, $absolute) : $fallback;
          } catch (\Throwable $e) {
              return $fallback;
          }
      }
  }

  $qs = request()->query();
  $q  = fn($k,$d=null) => request()->get($k,$d);

  $date = $date ?? $q('date', now()->toDateString());
  $tab  = (string)($tab ?? $q('tab','pending'));     // pending|approved|rejected|all
  $view = (string)($view ?? $q('view','table'));     // table|cards
  if(!in_array($tab, ['pending','approved','rejected','all'], true)) $tab = 'pending';
  if(!in_array($view,['table','cards'],true)) $view = 'table';

  // items: proofs list (collection/array)
  $items = $items ?? collect();

  // stats
  $stats = $stats ?? [
    'pending'  => (int)($pendingCount  ?? 0),
    'approved' => (int)($approvedCount ?? 0),
    'rejected' => (int)($rejectedCount ?? 0),
    'all'      => (int)($allCount ?? 0),
  ];

  // routes
  $rCommand   = safe_route('superadmin.proactive.command', [], true, url('/superadmin/proactive/command'));
  $rProofs    = safe_route('superadmin.proactive.proofs', [], true, url()->current());

  // ✅ قرار الإثبات (إذا عندك راوتات مختلفة غيّر الاسماء)
  $rApprove = fn($id) => safe_route('superadmin.proactive.proofs.approve', ['id'=>$id], true, '#');
  $rReject  = fn($id) => safe_route('superadmin.proactive.proofs.reject',  ['id'=>$id], true, '#');

  $chip = fn($cls) => "px-2.5 py-1 rounded-xl border text-[11px] font-extrabold $cls";

  $tabBtn = function($key, $label, $count, $activeCls, $idleCls) use ($tab, $qs, $rProofs) {
      $url = $rProofs.'?'.http_build_query(array_merge($qs, ['tab'=>$key]));
      $is  = $tab===$key;
      return [
        'url'=>$url,
        'cls'=>$is ? $activeCls : $idleCls,
        'label'=>$label,
        'count'=>$count,
      ];
  };

  $badgeStatus = function($st) use ($chip){
      $st = (string)$st;
      if($st==='pending' || $st==='pending_proof') return $chip('border-amber-400/25 bg-amber-500/10 text-amber-100');
      if($st==='approved' || $st==='proof_approved') return $chip('border-emerald-400/25 bg-emerald-500/10 text-emerald-100');
      if($st==='rejected' || $st==='proof_rejected') return $chip('border-rose-400/25 bg-rose-500/10 text-rose-100');
      return $chip('border-white/10 bg-white/5 text-white/70');
  };

  $typeBadge = function($type) use ($chip){
      $type = (string)$type;
      return $type==='plus'
        ? $chip('border-fuchsia-400/25 bg-fuchsia-500/10 text-fuchsia-100')
        : $chip('border-emerald-400/25 bg-emerald-500/10 text-emerald-100');
  };

  $tabs = [
    $tabBtn('pending','بانتظار',  (int)($stats['pending'] ?? 0),
      'border-amber-400/40 bg-amber-500/15 text-amber-100',
      'border-white/10 bg-white/5 text-white/80 hover:text-white hover:bg-white/10'),
    $tabBtn('approved','مقبولة',  (int)($stats['approved'] ?? 0),
      'border-emerald-400/40 bg-emerald-500/15 text-emerald-100',
      'border-white/10 bg-white/5 text-white/80 hover:text-white hover:bg-white/10'),
    $tabBtn('rejected','مرفوضة',  (int)($stats['rejected'] ?? 0),
      'border-rose-400/40 bg-rose-500/15 text-rose-100',
      'border-white/10 bg-white/5 text-white/80 hover:text-white hover:bg-white/10'),
    $tabBtn('all','الكل',         (int)($stats['all'] ?? 0),
      'border-cyan-400/40 bg-cyan-500/15 text-cyan-100',
      'border-white/10 bg-white/5 text-white/80 hover:text-white hover:bg-white/10'),
  ];
@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-900/98 to-black/98 border border-cyan-400/25 shadow-2xl shadow-cyan-500/10">
      <div class="pointer-events-none absolute -top-28 -right-16 w-96 h-96 rounded-full bg-cyan-400/15 blur-3xl"></div>
      <div class="pointer-events-none absolute -bottom-24 -left-20 w-96 h-96 rounded-full bg-emerald-400/15 blur-3xl"></div>

      <div class="p-5 sm:p-6 lg:p-7 flex flex-col gap-5">

        <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
          <div class="space-y-1">
            <div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-2xl border border-white/10 bg-white/5 text-white/80">
              <i class="fa-solid fa-file-circle-check text-cyan-200"></i>
              <span class="text-[12px]">ProActive • إثباتات رسمية</span>
            </div>

            <h1 class="text-xl sm:text-2xl lg:text-3xl font-black text-white tracking-tight">
              الإثباتات
              <span class="text-white/60 font-semibold text-sm sm:text-base">— Proofs</span>
            </h1>

            <p class="text-white/70 text-sm sm:text-[15px] leading-relaxed max-w-3xl">
              هذا المكان يثبت “من جد حضر/نفّذ”:
              قبول/رفض + ملاحظة إدارية.
              <span class="text-white/55">بدون إثبات = تقرير التزام ناقص.</span>
            </p>

            <div class="mt-2 flex flex-wrap items-center gap-2 text-[11px]">
              <span class="{{ $chip('border-white/10 bg-white/5 text-white/70') }}">
                <i class="fa-regular fa-calendar ml-1"></i> التاريخ: {{ $date }}
              </span>

              <span class="{{ $chip('border-amber-400/25 bg-amber-500/10 text-amber-100') }}">
                بانتظار: {{ (int)($stats['pending'] ?? 0) }}
              </span>

              <span class="{{ $chip('border-emerald-400/25 bg-emerald-500/10 text-emerald-100') }}">
                مقبولة: {{ (int)($stats['approved'] ?? 0) }}
              </span>

              <span class="{{ $chip('border-rose-400/25 bg-rose-500/10 text-rose-100') }}">
                مرفوضة: {{ (int)($stats['rejected'] ?? 0) }}
              </span>
            </div>
          </div>

          <div class="flex flex-wrap items-center gap-2">
            <a href="{{ $rCommand }}"
               class="px-4 py-2.5 rounded-2xl bg-white/5 hover:bg-white/10 text-white/85 font-extrabold border border-white/10">
              <i class="fa-solid fa-arrow-right ml-1"></i> العودة للقيادة
            </a>

            <a href="{{ $rProofs }}?{{ http_build_query(array_merge($qs, ['view'=>'table'])) }}"
               class="px-3 py-2 rounded-2xl text-sm font-semibold border {{ $view==='table' ? 'border-cyan-400/40 bg-cyan-500/15 text-cyan-100' : 'border-white/10 bg-white/5 text-white/80 hover:text-white hover:bg-white/10' }}">
              <i class="fa-solid fa-table-list ml-1"></i> جدول
            </a>

            <a href="{{ $rProofs }}?{{ http_build_query(array_merge($qs, ['view'=>'cards'])) }}"
               class="px-3 py-2 rounded-2xl text-sm font-semibold border {{ $view==='cards' ? 'border-emerald-400/40 bg-emerald-500/15 text-emerald-100' : 'border-white/10 bg-white/5 text-white/80 hover:text-white hover:bg-white/10' }}">
              <i class="fa-solid fa-id-card ml-1"></i> كروت
            </a>
          </div>
        </div>

        {{-- FILTER --}}
        <form method="GET" action="{{ $rProofs }}" class="rounded-2xl border border-white/10 bg-white/5 p-4">
          <div class="grid grid-cols-1 lg:grid-cols-12 gap-3">
            <div class="lg:col-span-4">
              <label class="text-white/70 text-xs">تاريخ</label>
              <div class="mt-1 relative">
                <i class="fa-regular fa-calendar absolute right-3 top-1/2 -translate-y-1/2 text-white/35"></i>
                <input type="date" name="date" value="{{ $date }}"
                       class="w-full pr-10 pl-3 py-2.5 rounded-2xl bg-black/30 border border-white/10 text-white focus:outline-none focus:ring-2 focus:ring-cyan-500/40">
              </div>
            </div>

            <div class="lg:col-span-8 flex items-end gap-2">
              <input type="hidden" name="tab" value="{{ $tab }}">
              <input type="hidden" name="view" value="{{ $view }}">

              <button class="px-4 py-2.5 rounded-2xl bg-cyan-600/70 hover:bg-cyan-600 text-white font-extrabold border border-cyan-400/25">
                <i class="fa-solid fa-filter ml-1"></i> تطبيق
              </button>

              <a href="{{ $rProofs }}"
                 class="px-4 py-2.5 rounded-2xl bg-white/5 hover:bg-white/10 text-white/85 font-semibold border border-white/10">
                <i class="fa-solid fa-rotate-left ml-1"></i> تصفير
              </a>

              <div class="text-white/55 text-xs ms-auto">
                * زر قبول/رفض يعمل فقط إذا الروتات موجودة.
              </div>
            </div>
          </div>
        </form>

        {{-- TABS --}}
        <div class="flex flex-wrap gap-2">
          @foreach($tabs as $t)
            <a href="{{ $t['url'] }}"
               class="px-3 py-2 rounded-2xl text-sm font-extrabold border {{ $t['cls'] }}">
              {{ $t['label'] }}
              <span class="ms-1 text-[11px] opacity-80">({{ (int)$t['count'] }})</span>
            </a>
          @endforeach
        </div>

      </div>
    </div>

    {{-- LIST --}}
    @php
      $hasItems = ($items instanceof \Illuminate\Support\Collection) ? $items->isNotEmpty() : (is_array($items) && count($items)>0);
    @endphp

    @if($hasItems)

      @if($view === 'cards')
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
          @foreach($items as $p)
            @php
              $id = (int)($p->id ?? 0);
              $st = (string)($p->proof_status ?? $p->status ?? 'pending');
              $evType = (string)($p->event_type ?? 'regular');

              $approveUrl = $rApprove($id);
              $rejectUrl  = $rReject($id);
              $canApprove = $approveUrl !== '#';
              $canReject  = $rejectUrl  !== '#';

              $proofUrl = (string)($p->proof_url ?? $p->attachment_url ?? '');
            @endphp

            <div class="rounded-3xl border border-white/10 bg-white/5 p-4">
              <div class="flex items-start justify-between gap-3">
                <div class="min-w-0">
                  <div class="text-white font-black truncate">{{ $p->event_title ?? ('#'.$id) }}</div>
                  <div class="mt-1 text-white/60 text-xs truncate">
                    {{ $p->leader_name_safe ?? $p->leader_name ?? '-' }} • {{ $p->platform ?? 'other' }}
                  </div>
                </div>
                <div class="flex flex-col items-end gap-1">
                  <span class="{{ $typeBadge($evType) }}">{{ $evType==='plus' ? 'PLUS' : 'REG' }}</span>
                  <span class="{{ $badgeStatus($st) }}">{{ strtoupper($st) }}</span>
                </div>
              </div>

              <div class="mt-3 grid grid-cols-3 gap-2 text-xs">
                <div class="rounded-2xl border border-white/10 bg-black/20 p-2">
                  <div class="text-white/55">التاريخ</div>
                  <div class="text-white font-black">{{ $p->event_date ?? $date }}</div>
                </div>
                <div class="rounded-2xl border border-white/10 bg-black/20 p-2">
                  <div class="text-white/55">الوقت</div>
                  <div class="text-white font-black">{{ $p->event_time ?? '—' }}</div>
                </div>
                <div class="rounded-2xl border border-white/10 bg-black/20 p-2">
                  <div class="text-white/55">ID</div>
                  <div class="text-white font-black">{{ $id }}</div>
                </div>
              </div>

              @if($proofUrl !== '')
                <a href="{{ $proofUrl }}" target="_blank"
                   class="mt-3 block text-center px-4 py-2.5 rounded-2xl bg-white/5 hover:bg-white/10 text-white font-extrabold border border-white/10">
                  <i class="fa-solid fa-up-right-from-square ml-1 text-cyan-200"></i> فتح الإثبات
                </a>
              @else
                <div class="mt-3 rounded-2xl border border-white/10 bg-black/20 p-3 text-white/60 text-sm">
                  لا يوجد رابط إثبات واضح.
                </div>
              @endif

              <div class="mt-3 rounded-2xl border border-white/10 bg-black/20 p-3">
                <div class="text-white/70 text-xs mb-2">قرار سريع</div>

                @if(!$canApprove || !$canReject)
                  <div class="text-rose-100 text-xs font-bold mb-2">
                    ⚠️ Route قبول/رفض غير موجود (superadmin.proactive.proofs.approve / reject)
                  </div>
                @endif

                <div class="flex items-center gap-2">
                  <form method="POST" action="{{ $approveUrl }}" class="flex-1">
                    @csrf
                    <button class="w-full px-3 py-2.5 rounded-2xl bg-emerald-600/70 hover:bg-emerald-600 text-white font-extrabold border border-emerald-400/25"
                            @disabled(!$canApprove)>
                      <i class="fa-solid fa-check ml-1"></i> قبول
                    </button>
                  </form>

                  <form method="POST" action="{{ $rejectUrl }}" class="flex-1">
                    @csrf
                    <button class="w-full px-3 py-2.5 rounded-2xl bg-rose-600/70 hover:bg-rose-600 text-white font-extrabold border border-rose-400/25"
                            @disabled(!$canReject)>
                      <i class="fa-solid fa-xmark ml-1"></i> رفض
                    </button>
                  </form>
                </div>

                <div class="mt-2 text-white/55 text-[11px]">
                  * إذا بدك ملاحظة إلزامية للرفض، بنربطها بالكنترول.
                </div>
              </div>
            </div>
          @endforeach
        </div>
      @else
        <div class="rounded-3xl border border-white/10 bg-white/5 overflow-hidden">
          <div class="px-4 py-3 border-b border-white/10 flex items-center justify-between">
            <div class="text-white font-extrabold flex items-center gap-2">
              <i class="fa-solid fa-list-check text-cyan-200"></i>
              <span>قائمة الإثباتات</span>
            </div>
            <div class="text-white/55 text-xs">استخدم “قبول/رفض” لاتخاذ القرار.</div>
          </div>

          <div class="overflow-x-auto">
            <table class="min-w-full text-sm">
              <thead class="bg-black/25 text-white/70">
                <tr>
                  <th class="px-4 py-3 text-right font-bold">الفعالية</th>
                  <th class="px-4 py-3 text-right font-bold">القائد</th>
                  <th class="px-4 py-3 text-right font-bold">المنصة</th>
                  <th class="px-4 py-3 text-right font-bold">التاريخ/الوقت</th>
                  <th class="px-4 py-3 text-right font-bold">الحالة</th>
                  <th class="px-4 py-3 text-right font-bold">الإثبات</th>
                  <th class="px-4 py-3 text-right font-bold">قرار</th>
                </tr>
              </thead>
              <tbody class="divide-y divide-white/5">
                @foreach($items as $p)
                  @php
                    $id = (int)($p->id ?? 0);
                    $st = (string)($p->proof_status ?? $p->status ?? 'pending');
                    $evType = (string)($p->event_type ?? 'regular');

                    $approveUrl = $rApprove($id);
                    $rejectUrl  = $rReject($id);
                    $canApprove = $approveUrl !== '#';
                    $canReject  = $rejectUrl  !== '#';

                    $proofUrl = (string)($p->proof_url ?? $p->attachment_url ?? '');
                  @endphp

                  <tr class="text-white/85 hover:bg-white/5">
                    <td class="px-4 py-3">
                      <div class="font-extrabold">{{ $p->event_title ?? ('#'.$id) }}</div>
                      <div class="text-xs text-white/55">
                        <span class="{{ $typeBadge($evType) }}">{{ $evType==='plus' ? 'PLUS' : 'REG' }}</span>
                        <span class="ms-2 text-white/50">ID: {{ $id }}</span>
                      </div>
                    </td>

                    <td class="px-4 py-3">{{ $p->leader_name_safe ?? $p->leader_name ?? '-' }}</td>
                    <td class="px-4 py-3">{{ $p->platform ?? 'other' }}</td>

                    <td class="px-4 py-3">
                      <div class="font-black">{{ $p->event_date ?? $date }}</div>
                      <div class="text-xs text-white/55">{{ $p->event_time ?? '—' }}</div>
                    </td>

                    <td class="px-4 py-3">
                      <span class="{{ $badgeStatus($st) }}">{{ strtoupper($st) }}</span>
                    </td>

                    <td class="px-4 py-3">
                      @if($proofUrl !== '')
                        <a href="{{ $proofUrl }}" target="_blank"
                           class="px-3 py-2 rounded-2xl bg-white/5 hover:bg-white/10 text-white/85 font-bold border border-white/10 inline-flex items-center gap-2">
                          <i class="fa-solid fa-up-right-from-square text-cyan-200"></i>
                          فتح
                        </a>
                      @else
                        <span class="text-white/55 text-xs">لا يوجد</span>
                      @endif
                    </td>

                    <td class="px-4 py-3">
                      @if(!$canApprove || !$canReject)
                        <div class="text-rose-100 text-[11px] font-bold mb-2">
                          ⚠️ Route قبول/رفض غير موجود
                        </div>
                      @endif

                      <div class="flex items-center gap-2">
                        <form method="POST" action="{{ $approveUrl }}">
                          @csrf
                          <button class="px-3 py-2 rounded-2xl bg-emerald-600/70 hover:bg-emerald-600 text-white font-extrabold border border-emerald-400/25"
                                  @disabled(!$canApprove)>
                            <i class="fa-solid fa-check ml-1"></i> قبول
                          </button>
                        </form>

                        <form method="POST" action="{{ $rejectUrl }}">
                          @csrf
                          <button class="px-3 py-2 rounded-2xl bg-rose-600/70 hover:bg-rose-600 text-white font-extrabold border border-rose-400/25"
                                  @disabled(!$canReject)>
                            <i class="fa-solid fa-xmark ml-1"></i> رفض
                          </button>
                        </form>
                      </div>
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>

          @if(isset($items) && method_exists($items,'links'))
            <div class="px-4 py-4 border-t border-white/10">
              {{ $items->links() }}
            </div>
          @endif
        </div>
      @endif

    @else
      <div class="rounded-3xl border border-emerald-400/20 bg-emerald-500/10 p-5">
        <div class="text-white font-extrabold flex items-center gap-2">
          <i class="fa-solid fa-circle-check text-emerald-200"></i>
          <span>لا توجد إثباتات ضمن هذا الفلتر ✅</span>
        </div>
        <div class="mt-2 text-white/70 text-sm">
          غيّر التبويب أو التاريخ إذا بدك تشوف عناصر.
        </div>
      </div>
    @endif

  </div>
</div>
@endsection