{{-- resources/views/superadmin/falcon-room/member-insights.blade.php --}}
@extends('layouts.superadmin')

@section('title','غرفة الصقر — تحليلات عضو')
@section('page-title','🧠 تحليلات عضو — Member Insight')

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

  {{-- العنوان --}}
  <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-3">
    <h1 class="text-2xl font-bold">🧠 تحليلات عضو</h1>
  </div>

  {{-- اختيار العضو --}}
  <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-4 space-y-3">
    <div>
      <h2 class="text-lg font-semibold text-gray-900 dark:text-white">اختر عضواً لتحليل ملفه</h2>
      <p class="mt-1 text-sm text-gray-600 dark:text-gray-300">
        اختر أحد أعضاء الفريق ليتم عرض كل بياناته وتحليلاته وتقييمات الإدارة حوله في صفحة واحدة، متوافقة مع الجوال والكمبيوتر.
      </p>
    </div>

    <form method="GET" action="{{ url()->current() }}" class="grid grid-cols-1 md:grid-cols-3 gap-3">
      <div class="md:col-span-2">
        <label class="block text-xs font-medium text-gray-500 dark:text-gray-300 mb-1">العضو</label>
        <select name="user_id"
                class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-white px-3 py-2"
                onchange="this.form.submit()">
          <option value="">— اختر عضواً —</option>
          @foreach($users as $u)
            <option value="{{ $u->id }}" @selected(optional($member)->id == $u->id)>
              {{ $u->name }}
              @if($u->username) — {{ '@'.$u->username }} @endif
              @if($u->membership_status) ({{ $u->membership_status }}) @endif
            </option>
          @endforeach
        </select>
      </div>

      <div class="flex items-end">
        <button type="submit"
                class="w-full inline-flex justify-center items-center px-4 py-2 rounded-lg bg-primary-600 text-white text-sm font-semibold hover:bg-primary-700">
          🔍 عرض التحليلات
        </button>
      </div>
    </form>
  </div>

  @if(!$member)
    {{-- شرح فقط بدون عضو --}}
    <div class="bg-gradient-to-r from-sky-50 to-emerald-50 dark:from-sky-900/40 dark:to-emerald-900/40 border border-emerald-200/60 dark:border-emerald-700/70 rounded-xl p-4">
      <h3 class="font-semibold text-gray-900 dark:text-white mb-2">👆 ابدأ من اختيار عضو</h3>
      <p class="text-sm text-gray-700 dark:text-gray-100 leading-relaxed">
        بعد اختيار عضو من القائمة، ستظهر بطاقة تعريف تفصيلية له، مع النقاط، الترتيب داخل الجنس والتيم،
        ساعات اللايف والنشاط، التقييمات اليومية، المخالفات والغياب، مشاركات المسابقات،
        بالإضافة إلى فقرة خاصة بعنوان <b>رأي الذكاء الاصطناعي</b> تقترح لك نظرة شاملة على حالة العضو.
      </p>
    </div>
  @else
    @php
      // بناء رابط الصورة بنفس أسلوب صفحة الأعضاء
      $avatarUrl = $member->avatar_url
          ?? ($stats['avatar_url'] ?? null)
          ?? 'https://ui-avatars.com/api/?name='.urlencode($stats['name'] ?? $member->name ?? 'Member');

      // رأي الذكاء الاصطناعي
      $aiOpinion = trim((string)($stats['ai_opinion'] ?? ''));
      if ($aiOpinion === '') {
          $aiOpinion = 'لم يتم توليد رأي آلي بعد لهذا العضو.';
      }
    @endphp
@if($member && $stats)
    <form action="{{ route('superadmin.member-insights.whatsapp') }}" method="POST" class="mt-3">
        @csrf
        <input type="hidden" name="user_id" value="{{ $member->id }}">
        <button type="submit"
                class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-emerald-600 text-white text-xs font-semibold hover:bg-emerald-700">
            📲 إرسال تقرير العضو للواتساب
        </button>
    </form>
@endif
    {{-- بطاقة العضو الأساسية --}}
    <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-4 md:p-5 space-y-4">
      <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
        <div class="flex items-center gap-3">
          <img src="{{ $avatarUrl }}"
               class="w-14 h-14 md:w-16 md:h-16 rounded-full object-cover border-2 border-primary-400"
               alt="صورة العضو">

          <div>
            <div class="flex flex-wrap items-center gap-1.5">
              <h2 class="text-lg md:text-xl font-extrabold text-gray-900 dark:text-white">
                {{ $stats['name'] ?? $member->name }}
              </h2>
              @if(($stats['username'] ?? $member->username))
                <span class="text-xs text-gray-500 dark:text-gray-300">
                  {{ '@'.($stats['username'] ?? $member->username) }}
                </span>
              @endif
            </div>

            <div class="mt-2 flex flex-wrap gap-1.5 text-[11px]">
              @if($stats['membership_status'] ?? $member->membership_status)
                <span class="px-2 py-1 rounded-full bg-emerald-100 text-emerald-800 dark:bg-emerald-900 dark:text-emerald-200">
                  حالة العضوية: {{ $stats['membership_status'] ?? $member->membership_status }}
                </span>
              @endif
              @if($stats['account_status'] ?? $member->account_status)
                <span class="px-2 py-1 rounded-full bg-sky-100 text-sky-800 dark:bg-sky-900 dark:text-sky-200">
                  حالة الحساب: {{ $stats['account_status'] ?? $member->account_status }}
                </span>
              @endif
              @if($stats['joined_at'] ?? $member->created_at)
                <span class="px-2 py-1 rounded-full bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-100">
                  انضم منذ:
                  {{ \Illuminate\Support\Carbon::parse($stats['joined_at'] ?? $member->created_at)->format('Y-m-d') }}
                </span>
              @endif
            </div>
          </div>
        </div>

        {{-- أرقام سريعة (موبايل: صفين، ديسكتوب: 4 كروت) --}}
        <div class="grid grid-cols-2 md:grid-cols-4 gap-2 w-full md:w-auto">
          <div class="rounded-lg p-3 bg-gradient-to-br from-emerald-50 to-emerald-100 dark:from-emerald-900 dark:to-emerald-800">
            <p class="text-xs text-emerald-800 dark:text-emerald-100">مجموع النقاط</p>
            <p class="mt-1 text-lg font-extrabold text-emerald-900 dark:text-white">
              {{ number_format($stats['total_points'] ?? 0) }}
            </p>
          </div>
          <div class="rounded-lg p-3 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-blue-900 dark:to-blue-800">
            <p class="text-xs text-blue-800 dark:text-blue-100">ترتيب داخل الجنس</p>
            <p class="mt-1 text-sm font-bold text-blue-900 dark:text-white">
              #{{ $stats['rank_gender'] ?? '—' }}
              <span class="block text-[10px] text-gray-600 dark:text-gray-300">
                من {{ $stats['total_gender'] ?? '؟' }}
              </span>
            </p>
          </div>
          <div class="rounded-lg p-3 bg-gradient-to-br from-violet-50 to-violet-100 dark:from-violet-900 dark:to-violet-800">
            <p class="text-xs text-violet-800 dark:text-violet-100">ترتيبه في التيم</p>
            <p class="mt-1 text-sm font-bold text-violet-900 dark:text-white">
              #{{ $stats['rank_team'] ?? '—' }}
              <span class="block text-[10px] text-gray-600 dark:text-gray-300">
                من {{ $stats['total_team'] ?? '؟' }}
              </span>
            </p>
          </div>
          <div class="rounded-lg p-3 bg-gradient-to-br from-amber-50 to-amber-100 dark:from-amber-900 dark:to-amber-800">
            <p class="text-xs text-amber-800 dark:text-amber-100">ساعات لايف/نشاط</p>
            <p class="mt-1 text-lg font-extrabold text-amber-900 dark:text-white">
              {{ number_format($stats['score_total_hours'] ?? 0,1) }}
            </p>
          </div>
        </div>
      </div>
    </div>
    @if($stats['care_case_exists'])
      @php
        $level = $stats['care_level'] ?? 'normal';

        $levelLabel = [
          'normal'          => 'متابعة عادية',
          'watch'           => 'تحت المراقبة',
          'needs_attention' => 'يحتاج عناية خاصة',
          'star'            => 'متابعة إيجابية (نجم التيم)',
        ][$level] ?? 'متابعة عادية';

        $levelClass = match ($level) {
          'watch'           => 'bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-200',
          'needs_attention' => 'bg-rose-100 text-rose-800 dark:bg-rose-900/40 dark:text-rose-200',
          'star'            => 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-200',
          default           => 'bg-sky-100 text-sky-800 dark:bg-sky-900/40 dark:text-sky-200',
        };

        $statusText = $stats['care_status'] === 'closed' ? 'ملف المتابعة مغلق' : 'ملف المتابعة مفتوح';
      @endphp

      {{-- متابعات الإدارة — حسب سجلات المتابعة للعضو والاستنتاجات --}}
      <section class="mt-4">
        <div class="rounded-2xl bg-gradient-to-br from-slate-50 via-white to-emerald-50
                    dark:from-slate-900 dark:via-slate-900 dark:to-emerald-900/20
                    border border-emerald-100 dark:border-emerald-700/60 shadow-sm p-4 md:p-5 space-y-4">

          {{-- الهيدر --}}
          <div class="flex items-start justify-between gap-3">
            <div>
              <h3 class="text-sm md:text-base font-semibold text-gray-900 dark:text-white flex items-center gap-2">
                🛡️ متابعات الإدارة للعضو
              </h3>
              <p class="mt-1 text-xs md:text-sm text-gray-600 dark:text-gray-300 leading-relaxed">
                هذا القسم يعرض ملخص <b>متابعات الإدارة</b> لهذا العضو، مستوى التركيز عليه، سبب المتابعة،
                وأهم الاستنتاجات المستخلصة من ملاحظات المشرفين.
              </p>
            </div>

            <div class="hidden md:flex items-center justify-center w-10 h-10 rounded-full
                        bg-emerald-100 dark:bg-emerald-900/60 text-emerald-700 dark:text-emerald-100">
              <i class="fa-solid fa-user-shield text-sm"></i>
            </div>
          </div>

          {{-- سطر الحالة السريعة --}}
          <div class="grid grid-cols-2 md:grid-cols-4 gap-2 text-[11px] md:text-xs">
            <div class="rounded-lg bg-white/70 dark:bg-slate-900/60 border border-emerald-100 dark:border-emerald-800 p-2">
              <p class="text-[11px] text-gray-500 dark:text-gray-400 mb-0.5">حالة الملف</p>
              <p class="font-semibold text-emerald-800 dark:text-emerald-200">
                {{ $statusText }}
              </p>
            </div>

            <div class="rounded-lg border p-2 {{ $levelClass }}">
              <p class="text-[11px] mb-0.5 opacity-80">مستوى المتابعة</p>
              <p class="font-semibold">{{ $levelLabel }}</p>
            </div>

            <div class="rounded-lg bg-white/70 dark:bg-slate-900/60 border border-slate-200 dark:border-slate-800 p-2">
              <p class="text-[11px] text-gray-500 dark:text-gray-400 mb-0.5">عدد الملاحظات</p>
              <p class="font-semibold text-gray-900 dark:text-gray-100">
                {{ $stats['care_notes_count'] ?? 0 }}
              </p>
            </div>

            <div class="rounded-lg bg-white/70 dark:bg-slate-900/60 border border-slate-200 dark:border-slate-800 p-2">
              <p class="text-[11px] text-gray-500 dark:text-gray-400 mb-0.5">آخر تحديث</p>
              <p class="font-semibold text-gray-900 dark:text-gray-100">
                {{ $stats['care_last_note_at'] ? \Illuminate\Support\Carbon::parse($stats['care_last_note_at'])->format('Y-m-d') : '—' }}
              </p>
            </div>
          </div>

          {{-- السبب والخطة / استنتاج الإدارة --}}
          <div class="grid grid-cols-1 md:grid-cols-2 gap-3 text-xs md:text-sm">
            <div class="rounded-xl bg-white/80 dark:bg-slate-900/70 border border-slate-200 dark:border-slate-800 p-3 space-y-1.5">
              <h4 class="font-semibold text-gray-900 dark:text-white text-xs md:text-sm flex items-center gap-1.5">
                <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
                سبب تركيز الإدارة على العضو
              </h4>
              <p class="text-gray-700 dark:text-gray-200 leading-relaxed">
                {{ $stats['care_focus_reason'] ?: 'لم تُسجل إدارة التيم سبباً محدداً، الملف في وضع متابعة عامة.' }}
              </p>
            </div>

            <div class="rounded-xl bg-emerald-50/70 dark:bg-emerald-900/50 border border-emerald-200 dark:border-emerald-800 p-3 space-y-1.5">
              <h4 class="font-semibold text-emerald-900 dark:text-emerald-50 text-xs md:text-sm flex items-center gap-1.5">
                <span class="w-1.5 h-1.5 rounded-full bg-emerald-600"></span>
                خلاصة واستنتاجات المشرفين
              </h4>
              <p class="text-emerald-900 dark:text-emerald-50 leading-relaxed">
                {{ $stats['care_plan_summary'] ?: 'لم تُكتب خطة تفصيلية بعد، ينصح بمراجعة الملاحظات المسجلة لتحديد الخطوات القادمة.' }}
              </p>
            </div>
          </div>

          {{-- ملخص المشرفين + آخر الملاحظات --}}
          <div class="grid grid-cols-1 md:grid-cols-3 gap-3">

            {{-- ملخص المشرفين --}}
            <div class="md:col-span-1 rounded-xl bg-white/90 dark:bg-slate-900/70 border border-slate-200 dark:border-slate-800 p-3">
              <h4 class="text-xs md:text-sm font-semibold text-gray-900 dark:text-white mb-2 flex items-center gap-1.5">
                👥 المشرفون المتابعون للعضو
              </h4>

              @if($tables['care_supervisors']->count())
                <ul class="space-y-1.5 text-xs">
                  @foreach($tables['care_supervisors'] as $sup)
                    <li class="flex items-center justify-between gap-2 rounded-lg bg-slate-50 dark:bg-slate-900/70 px-2 py-1.5">
                      <div class="flex flex-col">
                        <span class="font-medium text-gray-900 dark:text-gray-100 truncate max-w-[120px] md:max-w-[160px]">
                          {{ $sup->advisor_name ?? 'إداري غير معروف' }}
                        </span>
                        <span class="text-[10px] text-gray-500 dark:text-gray-400">
                          آخر متابعة:
                          {{ $sup->last_note_at ? \Illuminate\Support\Carbon::parse($sup->last_note_at)->format('Y-m-d') : '—' }}
                        </span>
                      </div>
                      <span class="text-[11px] px-2 py-0.5 rounded-full bg-emerald-100 dark:bg-emerald-900/60 text-emerald-800 dark:text-emerald-100">
                        {{ $sup->notes_count }} ملاحظة
                      </span>
                    </li>
                  @endforeach
                </ul>
              @else
                <p class="text-[11px] text-gray-500 dark:text-gray-400">
                  لا توجد ملاحظات مسجلة من المشرفين حتى الآن.
                </p>
              @endif
            </div>

            {{-- تايم لاين الملاحظات --}}
            <div class="md:col-span-2 rounded-xl bg-white/90 dark:bg-slate-900/70 border border-slate-200 dark:border-slate-800 p-3">
              <h4 class="text-xs md:text-sm font-semibold text-gray-900 dark:text:white mb-2 flex items-center gap-1.5">
                📜 آخر ملاحظات المتابعة
                <span class="text-[10px] text-gray-500 dark:text-gray-400">
                  (تعرض آخر {{ min(10, $tables['care_notes']->count()) }} ملاحظات)
                </span>
              </h4>

              @if($tables['care_notes']->count())
                <div class="space-y-2 max-h-64 overflow-y-auto pr-1">
                  @foreach($tables['care_notes'] as $note)
                    @php
                      $typeLabel = [
                        'info'    => 'معلومة',
                        'praise'  => 'مدح/تحفيز',
                        'warning' => 'تحذير',
                        'issue'   => 'مشكلة',
                        'meeting' => 'اجتماع/جلسة',
                        'private' => 'ملاحظة خاصة',
                      ][$note->type] ?? $note->type;

                      $badgeClass = match ($note->type) {
                        'praise'  => 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/60 dark:text-emerald-100',
                        'warning' => 'bg-rose-100 text-rose-800 dark:bg-rose-900/60 dark:text-rose-100',
                        'issue'   => 'bg-amber-100 text-amber-800 dark:bg-amber-900/60 dark:text-amber-100',
                        'meeting' => 'bg-sky-100 text-sky-800 dark:bg-sky-900/60 dark:text-sky-100',
                        'private' => 'bg-slate-200 text-slate-800 dark:bg-slate-800 dark:text-slate-100',
                        default   => 'bg-slate-100 text-slate-700 dark:bg-slate-900/60 dark:text-slate-100',
                      };
                    @endphp

                    <div class="relative rounded-lg border border-slate-200 dark:border-slate-800 bg-slate-50/70 dark:bg-slate-900/60 px-3 py-2">
                      <div class="flex items-center justify-between gap-2 mb-1">
                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-medium {{ $badgeClass }}">
                          {{ $typeLabel }}
                        </span>
                        <span class="text-[10px] text-gray-500 dark:text-gray-400">
                          {{ $note->created_at->format('Y-m-d H:i') }}
                        </span>
                      </div>
                      <p class="text-[11px] md:text-xs text-gray-800 dark:text-gray-100 leading-relaxed">
                        {{ $note->body }}
                      </p>
                      @if($note->next_action_at)
                        <p class="mt-1 text-[10px] text-amber-700 dark:text-amber-300">
                          خطوة قادمة متوقعة في:
                          {{ \Illuminate\Support\Carbon::parse($note->next_action_at)->format('Y-m-d') }}
                        </p>
                      @endif
                    </div>
                  @endforeach
                </div>
              @else
                <p class="text-[11px] text-gray-500 dark:text-gray-400">
                  لا توجد ملاحظات متابعة مسجلة بعد لهذا العضو.
                </p>
              @endif
            </div>

          </div>
        </div>
      </section>
    @endif
    {{-- كروت إحصائيات مجمّعة (شبِهة بباقي الداشبورد) --}}
    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
      {{-- التقييمات --}}
      <div class="rounded-xl p-4 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 border-r-4 border-gray-500">
        <p class="text-gray-700 dark:text-gray-200 text-sm mb-1">إجمالي التقييمات اليومية</p>
        <p class="text-2xl font-extrabold mt-1">{{ $stats['evaluations_total'] ?? 0 }}</p>
        <div class="mt-2 text-xs space-y-0.5 text-gray-700 dark:text-gray-200">
          <div>✅ مقبولة: <b>{{ $stats['evaluations_approved'] ?? 0 }}</b></div>
          <div>⛔ مرفوضة: <b>{{ $stats['evaluations_rejected'] ?? 0 }}</b></div>
          <div>⏳ معلّقة: <b>{{ $stats['evaluations_pending'] ?? 0 }}</b></div>
        </div>
      </div>
      {{-- النشاط --}}
      <div class="rounded-xl p-4 bg-gradient-to-br from-emerald-50 to-emerald-100 dark:from-emerald-900 dark:to-emerald-800 border-r-4 border-emerald-500">
        <p class="text-emerald-800 dark:text-emerald-100 text-sm mb-1">النشاط واللايفات</p>
        <p class="text-2xl font-extrabold mt-1">{{ number_format($stats['activities_total'] ?? 0) }}</p>
        <div class="mt-2 text-xs text-emerald-900 dark:text-emerald-50 space-y-0.5">
          <div>ساعات مسجلة: <b>{{ number_format($stats['score_total_hours'] ?? 0,1) }}</b></div>
          <div>نقاط من الأنشطة: <b>{{ number_format($stats['score_total_points'] ?? 0) }}</b></div>
        </div>
      </div>
      {{-- المخالفات --}}
      <div class="rounded-xl p-4 bg-gradient-to-br from-rose-50 to-rose-100 dark:from-rose-900 dark:to-rose-800 border-r-4 border-rose-500">
        <p class="text-rose-800 dark:text-rose-100 text-sm mb-1">المخالفات والغياب</p>
        <p class="text-2xl font-extrabold mt-1">{{ $stats['violations_total'] ?? 0 }}</p>
        <div class="mt-2 text-xs text-rose-900 dark:text-rose-50 space-y-0.5">
          <div>إنذارات: <b>{{ $stats['warnings_total'] ?? 0 }}</b></div>
          <div>غياب مقبول: <b>{{ $stats['excused_approved'] ?? 0 }}</b></div>
          <div>غياب مرفوض: <b>{{ $stats['excused_rejected'] ?? 0 }}</b></div>
        </div>
      </div>
      {{-- المسابقات --}}
      <div class="rounded-xl p-4 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-blue-900 dark:to-blue-800 border-r-4 border-blue-500">
        <p class="text-blue-800 dark:text-blue-100 text-sm mb-1">المسابقات والترتيب</p>
        <p class="text-2xl font-extrabold mt-1">{{ $stats['competitions_total'] ?? 0 }}</p>
        <div class="mt-2 text-xs text-blue-900 dark:text-blue-50 space-y-0.5">
          <div>مرات الفوز: <b>{{ $stats['competitions_won'] ?? 0 }}</b></div>
          <div>الترتيب في التيم: <b>#{{ $stats['rank_team'] ?? '—' }}</b></div>
        </div>
      </div>
    </div>

    {{-- رأي الذكاء الاصطناعي + أكثر من قيّمه --}}
    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
      <div class="md:col-span-2 rounded-xl bg-emerald-50 dark:bg-emerald-900/40 border border-emerald-300 dark:border-emerald-700 p-4">
        <h3 class="text-sm font-semibold text-emerald-900 dark:text-emerald-50 mb-2 flex items-center gap-1">
          🤖 رأي الذكاء الاصطناعي في العضو
        </h3>
        <p class="text-sm text-gray-800 dark:text-emerald-50 leading-relaxed">
          {{ $aiOpinion }}
        </p>
      </div>

      <div class="rounded-xl bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 p-4">
        <h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">👥 أكثر من قام بتقييمه</h3>
        @if(isset($tables['top_evaluators']) && count($tables['top_evaluators']))
          <ul class="text-xs text-gray-700 dark:text-gray-200 space-y-1.5">
            @foreach($tables['top_evaluators'] as $ev)
              <li class="flex items-center justify-between">
                <span class="truncate max-w-[60%]">{{ $ev->evaluator_name ?? 'إداري غير معروف' }}</span>
                <span class="text-[11px] text-gray-500 dark:text-gray-300">
                  {{ $ev->total_evals }} تقييم/ات
                </span>
              </li>
            @endforeach
          </ul>
        @else
          <p class="text-xs text-gray-500 dark:text-gray-400">
            لا توجد بيانات كافية عن من قام بتقييم هذا العضو حتى الآن.
          </p>
        @endif
      </div>
    </div>

    {{-- الجداول التفصيلية (موبايل: كل جدول بعرض الصفحة مع سكرول أفقي بسيط) --}}
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">

      {{-- آخر 10 تقييمات --}}
      <div class="bg-white dark:bg-gray-800 rounded-xl shadow overflow-hidden">
        <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
          <h3 class="text-sm font-semibold text-gray-900 dark:text-white">📊 آخر 10 تقييمات</h3>
        </div>
        <div class="overflow-x-auto">
          <table class="min-w-full text-xs">
            <thead class="bg-gray-50 dark:bg-gray-900/40 text-gray-700 dark:text-gray-200">
              <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>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
              @forelse($tables['last_evaluations'] as $ev)
                <tr class="hover:bg-gray-50 dark:hover:bg-gray-900/40">
                  <td class="px-3 py-1.5 whitespace-nowrap">
                    {{ \Illuminate\Support\Carbon::parse($ev->evaluation_date)->format('Y-m-d') }}
                  </td>
                  <td class="px-3 py-1.5 whitespace-nowrap">{{ $ev->status }}</td>
                  <td class="px-3 py-1.5 whitespace-nowrap">{{ $ev->total_daily_points }}</td>
                </tr>
              @empty
                <tr>
                  <td colspan="3" class="px-3 py-3 text-center text-gray-500 dark:text-gray-400">
                    لا توجد تقييمات كافية للعرض.
                  </td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>

      {{-- آخر 10 مخالفات --}}
      <div class="bg-white dark:bg-gray-800 rounded-xl shadow overflow-hidden">
        <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
          <h3 class="text-sm font-semibold text-gray-900 dark:text:white">🚨 آخر 10 مخالفات</h3>
        </div>
        <div class="overflow-x-auto">
          <table class="min-w-full text-xs">
            <thead class="bg-gray-50 dark:bg-gray-900/40 text-gray-700 dark:text-gray-200">
              <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>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
              @forelse($tables['last_violations'] as $v)
                <tr class="hover:bg-gray-50 dark:hover:bg-gray-900/40">
                  <td class="px-3 py-1.5 whitespace-nowrap">
                    {{ \Illuminate\Support\Carbon::parse($v->created_at)->format('Y-m-d') }}
                  </td>
                  <td class="px-3 py-1.5 whitespace-nowrap">
                    {{ optional($v->violation)->type ?? '-' }}
                  </td>
                  <td class="px-3 py-1.5 max-w-xs truncate">
                    {{ optional($v->violation)->reason ?? $v->notes ?? '-' }}
                  </td>
                </tr>
              @empty
                <tr>
                  <td colspan="3" class="px-3 py-3 text-center text-gray-500 dark:text-gray-400">
                    لا توجد مخالفات مسجلة للعضو.
                  </td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>

      {{-- طلبات الغياب --}}
      <div class="bg-white dark:bg-gray-800 rounded-xl shadow overflow-hidden">
        <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
          <h3 class="text-sm font-semibold text-gray-900 dark:text:white">📅 آخر 10 طلبات غياب</h3>
        </div>
        <div class="overflow-x-auto">
          <table class="min-w-full text-xs">
            <thead class="bg-gray-50 dark:bg-gray-900/40 text-gray-700 dark:text-gray-200">
              <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>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
              @forelse($tables['last_absences'] as $a)
                <tr class="hover:bg-gray-50 dark:hover:bg-gray-900/40">
                  <td class="px-3 py-1.5 whitespace-nowrap">
                    {{ $a->from_date ?? '' }} → {{ $a->to_date ?? '' }}
                  </td>
                  <td class="px-3 py-1.5 whitespace-nowrap">{{ $a->status ?? '-' }}</td>
                  <td class="px-3 py-1.5 max-w-xs truncate">{{ $a->reason ?? '-' }}</td>
                </tr>
              @empty
                <tr>
                  <td colspan="3" class="px-3 py-3 text-center text-gray-500 dark:text-gray-400">
                    لا توجد طلبات غياب للعرض.
                  </td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>

      {{-- أنشطة / جلسات / مسابقات --}}
      <div class="bg-white dark:bg-gray-800 rounded-xl shadow overflow-hidden">
        <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
          <h3 class="text-sm font-semibold text-gray-900 dark:text:white">⚡ آخر 10 أنشطة / مسابقات</h3>
        </div>
        <div class="overflow-x-auto">
          <table class="min-w-full text-xs">
            <thead class="bg-gray-50 dark:bg-gray-900/40 text-gray-700 dark:text-gray-200">
              <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>
              </tr>
            </thead>
            <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
              @forelse($tables['last_activities'] as $ac)
                <tr class="hover:bg-gray-50 dark:hover:bg-gray-900/40">
                  <td class="px-3 py-1.5 whitespace-nowrap">
                    {{ \Illuminate\Support\Carbon::parse($ac->created_at)->format('Y-m-d') }}
                  </td>
                  <td class="px-3 py-1.5 whitespace-nowrap">
                    {{ optional($ac->activity)->type ?? '-' }}
                  </td>
                  <td class="px-3 py-1.5 max-w-xs truncate">
                    {{ optional($ac->activity)->title ?? optional($ac->activity)->platform ?? '-' }}
                  </td>
                </tr>
              @empty
                <tr>
                  <td colspan="3" class="px-3 py-3 text-center text-gray-500 dark:text-gray-400">
                    لا توجد أنشطة مسجلة.
                  </td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>

    </div> {{-- نهاية الجريد --}}
  @endif

</div>
@endsection