@extends('layouts.superadmin')
@section('title','غرفة رولا — نقاط القوة والضعف')
@section('page-title','💪 نقاط القوة والضعف — صبايا التيم')

@section('content')
<div class="p-6 space-y-6">

  {{-- فلاتر --}}
  <div class="bg-white dark:bg-gray-900 rounded-xl border border-gray-100 dark:border-gray-700 p-4">
    <form method="GET" class="grid grid-cols-1 md:grid-cols-6 gap-3">
      <div class="md:col-span-2">
        <label class="text-sm block mb-1">بحث (اسم/يوزر/إيميل)</label>
        <input type="text" name="q" value="{{ $q }}" class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 text-white px-3 py-2" placeholder="مثال: سارة / sara">
      </div>
      <div>
        <label class="text-sm block mb-1">حد أدنى دقائق/أسبوع</label>
        <input type="number" min="0" name="min_minutes" value="{{ $min }}" class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 text-white px-3 py-2">
      </div>
      <div>
        <label class="text-sm block mb-1">ترتيب حسب</label>
        <select name="sort" class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 text-white px-3 py-2">
          <option value="score"      @selected($sort==='score')>النتيجة الإجمالية</option>
          <option value="points"     @selected($sort==='points')>النقاط</option>
          <option value="minutes"    @selected($sort==='minutes')>الدقائق</option>
          <option value="evals"      @selected($sort==='evals')>التقييمات</option>
          <option value="absences"   @selected($sort==='absences')>الأقل غيابًا</option>
          <option value="violations" @selected($sort==='violations')>الأقل مخالفات</option>
        </select>
      </div>
      <div class="md:col-span-2 flex items-end justify-end">
        <button class="px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700">بحث</button>
      </div>
    </form>
    <div class="text-xs text-gray-500 mt-1">الفترة: {{ $weekRange[0] }} → {{ $weekRange[1] }}</div>
  </div>

  {{-- جدول النتائج --}}
  <div class="bg-white dark:bg-gray-900 rounded-xl border border-gray-100 dark:border-gray-700 overflow-x-auto">
    <table class="w-full text-sm">
      <thead class="bg-gray-50 dark:bg-gray-800/40">
        <tr class="text-right">
          <th class="p-3">#</th>
          <th class="p-3">الاسم</th>
          <th class="p-3">اليوزر</th>
          <th class="p-3">النقاط (أسبوع)</th>
          <th class="p-3">الدقائق (أسبوع)</th>
          <th class="p-3">التقييمات</th>
          <th class="p-3">الغياب</th>
          <th class="p-3">المخالفات</th>
          <th class="p-3">النتيجة</th>
          <th class="p-3">وسوم القوة</th>
        </tr>
      </thead>
      <tbody>
        @forelse($rows as $i=>$r)
          <tr class="border-t dark:border-gray-800 hover:bg-gray-50 dark:hover:bg-gray-800/30">
            <td class="p-3">{{ $i+1 }}</td>
            <td class="p-3 font-semibold">{{ $r->name }}</td>
            <td class="p-3 text-xs text-gray-500">{{ $r->username ?? '—' }}</td>
            <td class="p-3">{{ number_format($r->points) }}</td>
            <td class="p-3">{{ number_format($r->minutes,1) }} د</td>
            <td class="p-3">{{ $r->evals }}</td>
            <td class="p-3">{{ $r->absences }}</td>
            <td class="p-3">{{ $r->viol }}</td>
            <td class="p-3 font-bold text-emerald-600">{{ number_format($r->score,3) }}</td>
            <td class="p-3">
              @forelse($r->tags as $tag)
                <span class="inline-flex px-2 py-0.5 rounded bg-emerald-100 text-emerald-700 text-[11px] mr-1">{{ $tag }}</span>
              @empty
                <span class="text-xs text-gray-400">—</span>
              @endforelse
            </td>
          </tr>
        @empty
          <tr><td colspan="10" class="p-6 text-center text-gray-500">لا توجد بيانات مطابقة.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>

  {{-- تلميح --}}
  <div class="text-xs text-gray-500 dark:text-gray-400">
    * الصيغة: <b>النتيجة</b> = نقاط (45%) + دقائق (35%) + تقييمات (20%) − غياب×0.05 − مخالفات×0.08. التطبيع يتم على أعلى قيمة أسبوعية موجودة.
  </div>
</div>
@endsection