{{-- resources/views/superadmin/iman-room/members-files.blade.php --}}
@extends('layouts.superadmin')

@section('title','ملفات الأعضاء — غرفة إيمان')
@section('page-title','ملفات الأعضاء — غرفة إيمان')

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

  $section = $section ?? 'members_files';

  $view = $view ?? request('view','cards'); // table|cards|grid
  if(!in_array($view,['table','cards','grid'],true)) $view='cards';

  $tab = $tab ?? request('tab','overview'); // overview|evaluations|activities|tests|honors|violations|absences|ranks
  if(!in_array($tab,['overview','evaluations','activities','tests','honors','violations','absences','ranks'],true)) $tab='overview';

  $q = $q ?? request('q','');
  $gender = $gender ?? request('gender','all');
  $selectedId = (int)($selectedId ?? request('user_id', 0));

  $members = $members ?? collect();
  $u = $selectedUser ?? null;

  $stats = $stats ?? [];
  $dailyPointsData = $dailyPointsData ?? collect();
  $activitiesData = $activitiesData ?? [];
  $totalHoursByActivityType = $totalHoursByActivityType ?? [];
  $testsData = $testsData ?? collect();
  $wonCompetitions = $wonCompetitions ?? collect();
  $honorsRewards = $honorsRewards ?? collect();
  $violations = $violations ?? collect();
  $absences = $absences ?? collect();
  $absenceRequests = $absenceRequests ?? collect();
  $userRanks = $userRanks ?? collect();

  $genderLabel = ['all'=>'الكل','male'=>'ذكور','female'=>'إناث'];

  $tabs = [
    'overview'   => ['t'=>'نظرة عامة','i'=>'fa-solid fa-gauge-high'],
    'evaluations'=> ['t'=>'التقييمات','i'=>'fa-solid fa-star'],
    'activities' => ['t'=>'الأنشطة','i'=>'fa-solid fa-bolt'],
    'tests'      => ['t'=>'الاختبارات','i'=>'fa-solid fa-clipboard-check'],
    'honors'     => ['t'=>'التكريمات','i'=>'fa-solid fa-award'],
    'violations' => ['t'=>'المخالفات','i'=>'fa-solid fa-triangle-exclamation'],
    'absences'   => ['t'=>'الغيابات/الأعذار','i'=>'fa-solid fa-calendar-xmark'],
    'ranks'      => ['t'=>'الرتب','i'=>'fa-solid fa-crown'],
  ];
@endphp

<div class="min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-black py-6 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 border border-white/10 bg-white/5 backdrop-blur-xl shadow-2xl">
      <div class="pointer-events-none absolute -top-24 -right-10 w-80 h-80 rounded-full bg-fuchsia-500/15 blur-3xl"></div>
      <div class="pointer-events-none absolute -bottom-24 -left-10 w-96 h-96 rounded-full bg-cyan-500/10 blur-3xl"></div>

      <div class="relative p-4 sm:p-6 space-y-4">
        <div class="flex items-start justify-between gap-3">
          <div>
            <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-white/10 bg-black/30 text-white/80 text-xs">
              <span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span>
              غرفة إيمان • ملفات الأعضاء • تحليل
            </div>
            <h1 class="mt-2 text-xl sm:text-2xl font-extrabold text-white">ملفات الأعضاء</h1>
            <p class="mt-1 text-sm text-white/60">
              اختر عضو من القائمة الملحمية وشوف ملفه بالكامل: تقييمات، أنشطة، اختبارات، مخالفات، تكريمات… وكل شيء من غير طباعة — عرض احترافي.
            </p>
          </div>

          <div class="flex items-center gap-2">
            <a href="{{ request()->fullUrlWithQuery(['view'=>'table']) }}"
               class="px-3 py-2 rounded-xl text-xs font-semibold border {{ $view==='table' ? 'bg-white text-slate-900 border-white' : 'bg-white/5 text-white/80 border-white/10 hover:bg-white/10' }}">
              جدول
            </a>
            <a href="{{ request()->fullUrlWithQuery(['view'=>'cards']) }}"
               class="px-3 py-2 rounded-xl text-xs font-semibold border {{ $view==='cards' ? 'bg-white text-slate-900 border-white' : 'bg-white/5 text-white/80 border-white/10 hover:bg-white/10' }}">
              كروت
            </a>
            <a href="{{ request()->fullUrlWithQuery(['view'=>'grid']) }}"
               class="px-3 py-2 rounded-xl text-xs font-semibold border {{ $view==='grid' ? 'bg-white text-slate-900 border-white' : 'bg-white/5 text-white/80 border-white/10 hover:bg-white/10' }}">
              شبكية
            </a>
          </div>
        </div>

        {{-- Filters + Member picker --}}
        <form method="GET" action="{{ url()->current() }}" class="grid grid-cols-1 lg:grid-cols-12 gap-2">
          <input type="hidden" name="section" value="{{ $section }}">
          <input type="hidden" name="view" value="{{ $view }}">
          <input type="hidden" name="tab" value="{{ $tab }}">

          <div class="lg:col-span-4">
            <label class="block text-xs text-white/60 mb-1">اختيار عضو</label>
            <div class="relative">
              <i class="fa-solid fa-user-astronaut absolute top-1/2 -translate-y-1/2 right-3 text-white/30"></i>
              <select name="user_id"
                      class="w-full rounded-xl bg-black/40 border border-white/10 text-white px-10 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-fuchsia-500/40">
                @forelse($members as $m)
                  @php
                    $nm = $m->name ?: $m->username;
                    $st = $m->membership_status ?? '';
                    $gx = $m->gender === 'male' ? 'ذكر' : ($m->gender === 'female' ? 'أنثى' : '—');
                  @endphp
                  <option value="{{ $m->id }}" @selected((int)$m->id === (int)$selectedId)>
                    #{{ $m->id }} — {{ $nm }} ({{ '@'.$m->username }}) • {{ $gx }} • {{ $st }}
                  </option>
                @empty
                  <option value="0">لا يوجد أعضاء</option>
                @endforelse
              </select>
            </div>
          </div>

          <div class="lg:col-span-3">
            <label class="block text-xs text-white/60 mb-1">بحث</label>
            <div class="relative">
              <i class="fa-solid fa-magnifying-glass absolute top-1/2 -translate-y-1/2 right-3 text-white/30"></i>
              <input type="text" name="q" value="{{ $q }}" placeholder="اسم / يوزر / ايميل"
                     class="w-full rounded-xl bg-black/40 border border-white/10 text-white placeholder:text-white/30 px-10 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-cyan-500/40">
            </div>
          </div>

          <div class="lg:col-span-2">
            <label class="block text-xs text-white/60 mb-1">الجنس</label>
            <select name="gender"
                    class="w-full rounded-xl bg-black/40 border border-white/10 text-white px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-cyan-500/40">
              <option value="all" @selected($gender==='all')>الكل</option>
              <option value="male" @selected($gender==='male')>ذكور</option>
              <option value="female" @selected($gender==='female')>إناث</option>
            </select>
          </div>

          <div class="lg:col-span-3 flex items-end gap-2">
            <button type="submit"
                    class="w-full px-4 py-2.5 rounded-xl bg-white text-slate-900 font-extrabold hover:bg-white/90">
              تطبيق
            </button>
            <a href="{{ url()->current() . '?' . http_build_query(['section'=>$section,'view'=>$view,'tab'=>$tab]) }}"
               class="px-4 py-2.5 rounded-xl bg-white/5 text-white/80 border border-white/10 hover:bg-white/10 text-center font-semibold">
              تصفير
            </a>
          </div>
        </form>

        {{-- Tabs --}}
        <div class="flex flex-wrap gap-2 pt-1">
          @foreach($tabs as $k=>$meta)
            <a href="{{ request()->fullUrlWithQuery(['tab'=>$k]) }}"
               class="inline-flex items-center gap-2 px-3 py-2 rounded-2xl text-xs font-extrabold border transition
                      {{ $tab===$k ? 'bg-fuchsia-600 text-white border-fuchsia-500/40' : 'bg-white/5 text-white/75 border-white/10 hover:bg-white/10' }}">
              <i class="{{ $meta['i'] }}"></i>
              <span>{{ $meta['t'] }}</span>
            </a>
          @endforeach
        </div>

      </div>
    </div>

    {{-- Selected user quick card --}}
    <div class="rounded-3xl border border-white/10 bg-white/5 backdrop-blur-xl p-4 sm:p-5">
      <div class="flex items-start justify-between gap-3">
        <div class="flex items-start gap-3">
          <div class="w-12 h-12 rounded-2xl overflow-hidden border border-white/10 bg-black/40 shrink-0">
            @php
              $avatar = $u && !empty($u->avatar) ? asset('storage/avatars/'.$u->avatar) : null;
            @endphp
            @if($avatar)
              <img src="{{ $avatar }}" class="w-full h-full object-cover" alt="">
            @else
              <div class="w-full h-full flex items-center justify-center text-white/60 font-black">
                {{ $u ? mb_substr(($u->name ?? $u->username ?? 'U'),0,1) : '—' }}
              </div>
            @endif
          </div>
          <div class="min-w-0">
            <div class="text-white font-extrabold text-lg truncate">
              {{ $u ? ($u->name ?: $u->username) : 'لا يوجد عضو محدد' }}
            </div>
            <div class="text-xs text-white/50 truncate">
              {{ $u ? ('@'.$u->username.' • '.$genderLabel[$u->gender] ?? '') : '' }}
              {!! $u ? ' • <span class="text-white/80 font-bold">'.e($u->membership_status ?? '—').'</span>' : '' !!}
            </div>
          </div>
        </div>

        <button type="button"
                data-mf-open="member"
                class="inline-flex items-center gap-2 px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
          <i class="fa-solid fa-id-card"></i>
          تفاصيل كاملة
        </button>
      </div>
    </div>

    {{-- Summary stats --}}
    <div class="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 gap-2">
      @php
        $sumCards = [
          ['k'=>'total_points','t'=>'المجموع','cls'=>'bg-white/5','i'=>'fa-solid fa-layer-group'],
          ['k'=>'evaluation_points','t'=>'نقاط التقييمات','cls'=>'bg-white/5','i'=>'fa-solid fa-star'],
          ['k'=>'activity_points','t'=>'نقاط الأنشطة','cls'=>'bg-white/5','i'=>'fa-solid fa-bolt'],
          ['k'=>'total_activity_hours','t'=>'ساعات الأنشطة','cls'=>'bg-white/5','i'=>'fa-regular fa-clock'],
          ['k'=>'violations_points','t'=>'خصم المخالفات','cls'=>'bg-white/5','i'=>'fa-solid fa-triangle-exclamation'],
          ['k'=>'honors_rewards_points','t'=>'مكافآت/تكريم','cls'=>'bg-white/5','i'=>'fa-solid fa-award'],
        ];
      @endphp

      @foreach($sumCards as $c)
        <div class="rounded-2xl border border-white/10 {{ $c['cls'] }} p-3">
          <div class="flex items-center justify-between">
            <div class="text-xs text-white/60">{{ $c['t'] }}</div>
            <i class="{{ $c['i'] }} text-white/30"></i>
          </div>
          <div class="mt-1 text-lg font-extrabold text-white">{{ $stats[$c['k']] ?? 0 }}</div>
        </div>
      @endforeach
    </div>

    {{-- CONTENT --}}
    <div class="rounded-3xl border border-white/10 bg-white/5 backdrop-blur-xl p-4 sm:p-5">

      {{-- OVERVIEW --}}
      @if($tab==='overview')
        <div class="grid grid-cols-1 lg:grid-cols-12 gap-3">
          <div class="lg:col-span-6 rounded-3xl border border-white/10 bg-black/30 p-4">
            <div class="flex items-center justify-between">
              <div class="text-white font-extrabold">تفكيك النقاط</div>
              <i class="fa-solid fa-chart-pie text-white/30"></i>
            </div>

            <div class="mt-3 space-y-2 text-sm">
              @php
                $rows = [
                  ['t'=>'نقاط التقييمات','v'=>$stats['evaluation_points'] ?? 0],
                  ['t'=>'نقاط الأنشطة','v'=>$stats['activity_points'] ?? 0],
                  ['t'=>'نقاط التكريم/المكافآت','v'=>$stats['honors_rewards_points'] ?? 0],
                  ['t'=>'نقاط المسابقات','v'=>$stats['competition_points'] ?? 0],
                  ['t'=>'نقاط القيستات','v'=>$stats['guest_points'] ?? 0],
                  ['t'=>'خصم المخالفات','v'=>$stats['violations_points'] ?? 0],
                  ['t'=>'نقاط (جدول points)','v'=>$stats['points_from_table'] ?? 0],
                ];
              @endphp

              @foreach($rows as $r)
                <div class="flex items-center justify-between rounded-2xl border border-white/10 bg-white/5 px-3 py-2">
                  <div class="text-white/70 font-semibold">{{ $r['t'] }}</div>
                  <div class="text-white font-extrabold">{{ (int)$r['v'] }}</div>
                </div>
              @endforeach
            </div>
          </div>

          <div class="lg:col-span-6 rounded-3xl border border-white/10 bg-black/30 p-4">
            <div class="flex items-center justify-between">
              <div class="text-white font-extrabold">ملخص سريع</div>
              <i class="fa-solid fa-wand-magic-sparkles text-white/30"></i>
            </div>

            <div class="mt-3 grid grid-cols-2 gap-2">
              @php
                $mini = [
                  ['t'=>'أنشطة (إجمالي)','v'=>$stats['total_activities'] ?? 0],
                  ['t'=>'أنشطة مؤكدة','v'=>$stats['confirmed_activities'] ?? 0],
                  ['t'=>'ساعات قيستات','v'=>$stats['total_guest_hours'] ?? 0],
                  ['t'=>'مسابقات فائزة','v'=>$stats['won_competitions'] ?? 0],
                  ['t'=>'عدد التكريمات','v'=>$stats['honors_rewards'] ?? 0],
                  ['t'=>'عدد المخالفات','v'=>$stats['violations_count'] ?? 0],
                  ['t'=>'عدد الغيابات','v'=>$stats['absences_count'] ?? 0],
                  ['t'=>'طلبات الأعذار','v'=>$stats['absence_requests_count'] ?? 0],
                  ['t'=>'رتب حالية','v'=>$stats['current_ranks'] ?? 0],
                ];
              @endphp
              @foreach($mini as $m)
                <div class="rounded-2xl border border-white/10 bg-white/5 p-3">
                  <div class="text-xs text-white/60">{{ $m['t'] }}</div>
                  <div class="text-white font-extrabold">{{ $m['v'] ?? 0 }}</div>
                </div>
              @endforeach
            </div>
          </div>
        </div>
      @endif

      {{-- EVALUATIONS --}}
      @if($tab==='evaluations')
        <div class="flex items-center justify-between mb-3">
          <div class="text-white font-extrabold">سجل التقييمات (المعتمدة)</div>
          <button type="button" data-mf-open="evaluations"
                  class="px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
            عرض تفاصيل
          </button>
        </div>

        @if(($dailyPointsData->count() ?? 0) === 0)
          <div class="rounded-3xl border border-white/10 bg-white/5 p-6 text-center text-white/70">
            لا يوجد تقييمات معتمدة لهذا العضو.
          </div>
        @else
          @include('superadmin.iman-room.partials._mf_list', [
            'view' => $view,
            'items' => $dailyPointsData,
            'type' => 'evaluations',
          ])
        @endif
      @endif

      {{-- ACTIVITIES --}}
      @if($tab==='activities')
        <div class="flex items-center justify-between mb-3">
          <div class="text-white font-extrabold">الأنشطة (Confirmed فقط)</div>
          <button type="button" data-mf-open="activities"
                  class="px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
            عرض تفاصيل
          </button>
        </div>

        @if(empty($activitiesData) || count($activitiesData) === 0)
          <div class="rounded-3xl border border-white/10 bg-white/5 p-6 text-center text-white/70">
            لا يوجد أنشطة مؤكدة لهذا العضو.
          </div>
        @else
          <div class="space-y-3">
            @foreach($activitiesData as $typeName => $items)
              <div class="rounded-3xl border border-white/10 bg-black/30 p-4">
                <div class="flex items-center justify-between">
                  <div class="text-white font-extrabold">{{ $typeName }}</div>
                  <div class="text-xs text-white/60">
                    ساعات: <span class="text-white font-bold">{{ round((float)($totalHoursByActivityType[$typeName] ?? 0),2) }}</span>
                    • عدد: <span class="text-white font-bold">{{ $items->count() }}</span>
                  </div>
                </div>
                <div class="mt-3">
                  @include('superadmin.iman-room.partials._mf_list', [
                    'view' => $view,
                    'items' => $items,
                    'type' => 'activities',
                  ])
                </div>
              </div>
            @endforeach
          </div>
        @endif
      @endif

      {{-- TESTS --}}
      @if($tab==='tests')
        <div class="flex items-center justify-between mb-3">
          <div class="text-white font-extrabold">الاختبارات</div>
          <button type="button" data-mf-open="tests"
                  class="px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
            عرض تفاصيل
          </button>
        </div>

        @if(($testsData->count() ?? 0) === 0)
          <div class="rounded-3xl border border-white/10 bg-white/5 p-6 text-center text-white/70">
            لا توجد بيانات اختبارات (أو الجدول غير متوفر).
          </div>
        @else
          @include('superadmin.iman-room.partials._mf_list', [
            'view' => $view,
            'items' => $testsData,
            'type' => 'tests',
          ])
        @endif
      @endif

      {{-- HONORS --}}
      @if($tab==='honors')
        <div class="flex items-center justify-between mb-3">
          <div class="text-white font-extrabold">التكريمات / المكافآت</div>
          <button type="button" data-mf-open="honors"
                  class="px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
            عرض تفاصيل
          </button>
        </div>

        @if(($honorsRewards->count() ?? 0) === 0)
          <div class="rounded-3xl border border-white/10 bg-white/5 p-6 text-center text-white/70">
            لا يوجد تكريمات/مكافآت.
          </div>
        @else
          @include('superadmin.iman-room.partials._mf_list', [
            'view' => $view,
            'items' => $honorsRewards,
            'type' => 'honors',
          ])
        @endif
      @endif

      {{-- VIOLATIONS --}}
      @if($tab==='violations')
        <div class="flex items-center justify-between mb-3">
          <div class="text-white font-extrabold">المخالفات</div>
          <button type="button" data-mf-open="violations"
                  class="px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
            عرض تفاصيل
          </button>
        </div>

        @if(($violations->count() ?? 0) === 0)
          <div class="rounded-3xl border border-white/10 bg-white/5 p-6 text-center text-white/70">
            لا توجد مخالفات لهذا العضو.
          </div>
        @else
          @include('superadmin.iman-room.partials._mf_list', [
            'view' => $view,
            'items' => $violations,
            'type' => 'violations',
          ])
        @endif
      @endif

      {{-- ABSENCES --}}
      @if($tab==='absences')
        <div class="grid grid-cols-1 lg:grid-cols-12 gap-3">
          <div class="lg:col-span-6 rounded-3xl border border-white/10 bg-black/30 p-4">
            <div class="flex items-center justify-between">
              <div class="text-white font-extrabold">الغيابات (من التقييمات)</div>
              <button type="button" data-mf-open="absences"
                      class="px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
                عرض
              </button>
            </div>

            <div class="mt-3">
              @if(($absences->count() ?? 0) === 0)
                <div class="rounded-2xl border border-white/10 bg-white/5 p-4 text-center text-white/70">لا يوجد غيابات.</div>
              @else
                @include('superadmin.iman-room.partials._mf_list', [
                  'view' => $view,
                  'items' => $absences,
                  'type' => 'absences',
                ])
              @endif
            </div>
          </div>

          <div class="lg:col-span-6 rounded-3xl border border-white/10 bg-black/30 p-4">
            <div class="flex items-center justify-between">
              <div class="text-white font-extrabold">طلبات الأعذار</div>
              <button type="button" data-mf-open="absenceRequests"
                      class="px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
                عرض
              </button>
            </div>

            <div class="mt-3">
              @if(($absenceRequests->count() ?? 0) === 0)
                <div class="rounded-2xl border border-white/10 bg-white/5 p-4 text-center text-white/70">لا يوجد طلبات أعذار.</div>
              @else
                @include('superadmin.iman-room.partials._mf_list', [
                  'view' => $view,
                  'items' => $absenceRequests,
                  'type' => 'absence_requests',
                ])
              @endif
            </div>
          </div>
        </div>
      @endif

      {{-- RANKS --}}
      @if($tab==='ranks')
        <div class="flex items-center justify-between mb-3">
          <div class="text-white font-extrabold">الرتب الحالية</div>
          <button type="button" data-mf-open="ranks"
                  class="px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
            عرض تفاصيل
          </button>
        </div>

        @if(($userRanks->count() ?? 0) === 0)
          <div class="rounded-3xl border border-white/10 bg-white/5 p-6 text-center text-white/70">
            لا توجد رتب مسجلة لهذا العضو.
          </div>
        @else
          @include('superadmin.iman-room.partials._mf_list', [
            'view' => $view,
            'items' => $userRanks,
            'type' => 'ranks',
          ])
        @endif
      @endif

    </div>

  </div>
</div>

{{-- =========================
     MODALS (Details)
========================= --}}
<div id="mf-modal" class="fixed inset-0 z-[80] hidden">
  <div class="absolute inset-0 bg-black/70 backdrop-blur-sm" data-mf-close></div>

  <div class="relative w-[96%] sm:w-[92%] lg:w-[80%] max-w-5xl mx-auto mt-10 sm:mt-14">
    <div class="rounded-3xl border border-white/10 bg-slate-950/95 shadow-2xl overflow-hidden">
      <div class="p-4 sm:p-5 border-b border-white/10 flex items-start justify-between gap-3">
        <div>
          <div class="text-white font-extrabold text-lg" id="mf-modal-title">تفاصيل</div>
          <div class="text-white/60 text-xs" id="mf-modal-sub">عرض كامل</div>
        </div>
        <button type="button" data-mf-close
                class="px-3 py-2 rounded-2xl bg-white/10 hover:bg-white/15 border border-white/10 text-white text-xs font-extrabold">
          <i class="fa-solid fa-xmark"></i>
          إغلاق
        </button>
      </div>

      <div class="p-4 sm:p-5 max-h-[70vh] overflow-auto" id="mf-modal-body">
        {{-- content injected --}}
      </div>
    </div>
  </div>
</div>

{{-- Hidden modal templates --}}
<div class="hidden" id="mf-tpl-member">
  <div class="grid grid-cols-1 lg:grid-cols-12 gap-3">
    <div class="lg:col-span-5 rounded-3xl border border-white/10 bg-white/5 p-4">
      <div class="text-white font-extrabold mb-2">بيانات العضو</div>
      <div class="space-y-2 text-sm text-white/80">
        <div class="flex justify-between"><span class="text-white/60">الاسم</span><span class="font-bold">{{ $u?($u->name ?: '—'):'—' }}</span></div>
        <div class="flex justify-between"><span class="text-white/60">اليوزر</span><span class="font-bold">{{ $u?('@'.$u->username):'—' }}</span></div>
        <div class="flex justify-between"><span class="text-white/60">الإيميل</span><span class="font-bold">{{ $u?($u->email ?? '—'):'—' }}</span></div>
        <div class="flex justify-between"><span class="text-white/60">الحالة</span><span class="font-bold">{{ $u?($u->membership_status ?? '—'):'—' }}</span></div>
        <div class="flex justify-between"><span class="text-white/60">Account</span><span class="font-bold">{{ $u?($u->account_status ?? '—'):'—' }}</span></div>
      </div>
    </div>

    <div class="lg:col-span-7 rounded-3xl border border-white/10 bg-white/5 p-4">
      <div class="text-white font-extrabold mb-2">ملخص نقاط وساعات</div>
      <div class="grid grid-cols-2 sm:grid-cols-3 gap-2">
        @foreach([
          ['t'=>'المجموع','v'=>$stats['total_points'] ?? 0],
          ['t'=>'تقييمات','v'=>$stats['evaluation_points'] ?? 0],
          ['t'=>'أنشطة','v'=>$stats['activity_points'] ?? 0],
          ['t'=>'تكريم','v'=>$stats['honors_rewards_points'] ?? 0],
          ['t'=>'مخالفات','v'=>$stats['violations_points'] ?? 0],
          ['t'=>'ساعات','v'=>$stats['total_activity_hours'] ?? 0],
        ] as $x)
          <div class="rounded-2xl border border-white/10 bg-black/30 p-3">
            <div class="text-xs text-white/60">{{ $x['t'] }}</div>
            <div class="text-white font-extrabold">{{ $x['v'] }}</div>
          </div>
        @endforeach
      </div>
    </div>
  </div>
</div>

<div class="hidden" id="mf-tpl-evaluations">
  @include('superadmin.iman-room.partials._mf_modal_dump', ['items'=>$dailyPointsData, 'type'=>'evaluations'])
</div>
<div class="hidden" id="mf-tpl-activities">
  @php $flat = collect(); foreach(($activitiesData ?? []) as $k=>$c){ foreach($c as $it){ $it->__mf_group = $k; $flat->push($it);} } @endphp
  @include('superadmin.iman-room.partials._mf_modal_dump', ['items'=>$flat, 'type'=>'activities'])
</div>
<div class="hidden" id="mf-tpl-tests">
  @include('superadmin.iman-room.partials._mf_modal_dump', ['items'=>$testsData, 'type'=>'tests'])
</div>
<div class="hidden" id="mf-tpl-honors">
  @include('superadmin.iman-room.partials._mf_modal_dump', ['items'=>$honorsRewards, 'type'=>'honors'])
</div>
<div class="hidden" id="mf-tpl-violations">
  @include('superadmin.iman-room.partials._mf_modal_dump', ['items'=>$violations, 'type'=>'violations'])
</div>
<div class="hidden" id="mf-tpl-absences">
  @include('superadmin.iman-room.partials._mf_modal_dump', ['items'=>$absences, 'type'=>'absences'])
</div>
<div class="hidden" id="mf-tpl-absenceRequests">
  @include('superadmin.iman-room.partials._mf_modal_dump', ['items'=>$absenceRequests, 'type'=>'absence_requests'])
</div>
<div class="hidden" id="mf-tpl-ranks">
  @include('superadmin.iman-room.partials._mf_modal_dump', ['items'=>$userRanks, 'type'=>'ranks'])
</div>

{{-- JS --}}
<script>
(() => {
  const modal = document.getElementById('mf-modal');
  if(!modal) return;

  const title = document.getElementById('mf-modal-title');
  const sub   = document.getElementById('mf-modal-sub');
  const body  = document.getElementById('mf-modal-body');

  const open = (key) => {
    const tpl = document.getElementById('mf-tpl-' + key);
    if(!tpl) return;
    const map = {
      member:'تفاصيل العضو',
      evaluations:'تفاصيل التقييمات',
      activities:'تفاصيل الأنشطة',
      tests:'تفاصيل الاختبارات',
      honors:'تفاصيل التكريمات',
      violations:'تفاصيل المخالفات',
      absences:'تفاصيل الغيابات',
      absenceRequests:'تفاصيل طلبات الأعذار',
      ranks:'تفاصيل الرتب'
    };
    title.textContent = map[key] || 'تفاصيل';
    sub.textContent = 'غرفة إيمان • عرض كامل';
    body.innerHTML = tpl.innerHTML;
    modal.classList.remove('hidden');
    document.body.style.overflow = 'hidden';
  };

  const close = () => {
    modal.classList.add('hidden');
    body.innerHTML = '';
    document.body.style.overflow = '';
  };

  document.querySelectorAll('[data-mf-open]').forEach(btn => {
    btn.addEventListener('click', () => open(btn.getAttribute('data-mf-open')));
  });

  modal.querySelectorAll('[data-mf-close]').forEach(el => el.addEventListener('click', close));

  document.addEventListener('keydown', (e) => {
    if(e.key === 'Escape' && !modal.classList.contains('hidden')) close();
  });
})();
</script>
@endsection