@extends('layouts.superadmin')
@section('title','مقارنة شباب vs صبايا')
@section('page-title','📊 مقارنة شاملة — الشباب مقابل الصبايا')

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

  {{-- شرح سريع --}}
  <div class="bg-white dark:bg-gray-800 rounded-xl p-4 shadow text-sm text-gray-700 dark:text-gray-300 leading-relaxed">
    تقارن هذه الصفحة بين الشباب والصبايا خلال الفترة <b>{{ $from }}</b> → <b>{{ $to }}</b> ({{ $days }} يومًا)،
    بالاعتماد على دقائق التواجد، النقاط، الحضور/الغياب، المخالفات والمشاركات.
    تُعرض أيضًا مَن الأقرب للأهداف العامة ومَن الأفضل في كل مؤشر.
  </div>

  {{-- ملخص الأقرب للأهداف --}}
  <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
    <div class="rounded-xl p-4 bg-gradient-to-br from-emerald-50 to-emerald-100 dark:from-emerald-900/20 dark:to-emerald-800/20 border-r-4 border-emerald-400">
      <div class="text-xs text-emerald-700 dark:text-emerald-200">الأقرب للأهداف العامة</div>
      <div class="text-2xl font-extrabold mt-1 text-emerald-900 dark:text-emerald-100">{{ $closer }}</div>
    </div>
    <div class="rounded-xl p-4 bg-gradient-to-br from-cyan-50 to-cyan-100 dark:from-cyan-900/20 dark:to-cyan-800/20 border-r-4 border-cyan-400">
      <div class="text-xs text-cyan-700 dark:text-cyan-200">أفضل بالدقائق/فرد</div>
      <div class="text-2xl font-extrabold mt-1 text-cyan-900 dark:text-cyan-100">{{ $who['minutes'] }}</div>
    </div>
    <div class="rounded-xl p-4 bg-gradient-to-br from-violet-50 to-violet-100 dark:from-violet-900/20 dark:to-violet-800/20 border-r-4 border-violet-400">
      <div class="text-xs text-violet-700 dark:text-violet-200">أفضل بالنقاط/فرد</div>
      <div class="text-2xl font-extrabold mt-1 text-violet-900 dark:text-violet-100">{{ $who['points'] }}</div>
    </div>
  </div>

  {{-- مقارنة القيم (شباب/صبايا) --}}
  @php
    $pairs = [
      ['label'=>'إجمالي الأعضاء','b'=>$boys['users'],'g'=>$girls['users']],
      ['label'=>'إجمالي الدقائق','b'=>$boys['minutes'],'g'=>$girls['minutes']],
      ['label'=>'الدقائق/فرد','b'=>$boys['min_per_user'],'g'=>$girls['min_per_user']],
      ['label'=>'إجمالي النقاط','b'=>$boys['points'],'g'=>$girls['points']],
      ['label'=>'النقاط/فرد','b'=>$boys['pts_per_user'],'g'=>$girls['pts_per_user']],
      ['label'=>'الحضور المعتمد','b'=>$boys['present'],'g'=>$girls['present']],
      ['label'=>'غياب غير مبرر','b'=>$boys['abs_unexc'],'g'=>$girls['abs_unexc']],
      ['label'=>'المخالفات','b'=>$boys['viol'],'g'=>$girls['viol']],
      ['label'=>'المشاركات','b'=>$boys['acts'],'g'=>$girls['acts']],
      ['label'=>'الدرجة العامة (Score)','b'=>$boys['score'],'g'=>$girls['score']],
    ];
  @endphp

  <div class="bg-white dark:bg-gray-800 rounded-xl p-4 shadow overflow-x-auto">
    <table class="min-w-full text-sm">
      <thead class="bg-gray-50 dark:bg-gray-900 text-gray-600 dark:text-gray-300">
        <tr>
          <th class="p-2 text-right">المؤشر</th>
          <th class="p-2 text-center">الشباب</th>
          <th class="p-2 text-center">الصبايا</th>
          <th class="p-2 text-center">الأفضل</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
        @foreach($pairs as $row)
          @php
            $b = $row['b']; $g = $row['g'];
            $better = $b == $g ? 'متقارب' : ($b > $g ? 'الشباب' : 'الصبايا');
            $color = $better === 'الشباب' ? 'text-blue-600' : ($better === 'الصبايا' ? 'text-pink-600' : 'text-gray-500');
          @endphp
          <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
            <td class="p-2 font-medium text-gray-800 dark:text-white">{{ $row['label'] }}</td>
            <td class="p-2 text-center">{{ number_format($b, is_float($b)?1:0) }}</td>
            <td class="p-2 text-center">{{ number_format($g, is_float($g)?1:0) }}</td>
            <td class="p-2 text-center font-bold {{ $color }}">{{ $better }}</td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>

  {{-- ملاحظات تفسيرية --}}
  <div class="text-xs text-gray-500 dark:text-gray-400 leading-relaxed">
    <p>⚙️ <b>Score</b> مُركّب يعكس (الدقائق/فرد + حضور + نقاط/فرد) ويخصم (الغياب غير المبرر + المخالفات). يمكن تعديل المعادلة لاحقًا.</p>
    <p>🧠 "الأقرب للأهداف" مبني على الScore، وليس على مؤشر واحد منفرد.</p>
    <p>📱 الواجهة متجاوبة بالكامل للموبايل، والجداول تسمح بالسحب أفقيًا.</p>
  </div>

</div>
@endsection