@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 text-sm text-gray-700 dark:text-gray-300 leading-relaxed">
    <p>💡 <b>خطة الإنعاش</b> هي أداة مخصصة لمتابعة الصبايا المنقطعات أو الضعيفات بالنشاط. 
    تعتمد على تحليل ذكي لأيام الانقطاع، عدد الدقائق الأسبوعية، النقاط، الغيابات، وعدد أيام النشاط الأخيرة.</p>
    <p class="mt-2">يتم تصنيف الصبايا إلى ثلاث فئات:
      <b class="text-rose-600">🚨 أولوية قصوى</b> (انقطاع طويل أو غياب كامل)،
      <b class="text-amber-600">⚠️ أولوية عالية</b> (نشاط منخفض)،
      و<b class="text-emerald-600">👀 متابعة عادية</b> (بحاجة تشجيع خفيف).
    </p>
  </div>

  {{-- 🔹 ملخص الإحصائيات --}}
  <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
    <x-stat title="إجمالي الصبايا" value="{{ number_format($summary['girls']) }}" color="pink"/>
    <x-stat title="أولوية قصوى"    value="{{ number_format($summary['critical']) }}" color="rose"/>
    <x-stat title="أولوية عالية"   value="{{ number_format($summary['high']) }}" color="amber"/>
    <x-stat title="متابعة عادية"   value="{{ number_format($summary['normal']) }}" color="emerald"/>
  </div>

  {{-- 🔹 فلاتر --}}
  <div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 p-4 text-sm">
    <form method="GET" class="flex flex-wrap items-center gap-2">
      <label>فحص آخر</label>
      <select name="back" class="rounded border-gray-300 px-2 py-1">
        @foreach([7,14,21,28,35] as $d)
          <option value="{{ $d }}" @selected(request('back',21)==$d)>{{ $d }} يوم</option>
        @endforeach
      </select>

      <label>نشاط ضعيف أقل من</label>
      <select name="min" class="rounded border-gray-300 px-2 py-1">
        @foreach([5,10,15,20,30] as $m)
          <option value="{{ $m }}" @selected(request('min',15)==$m)>{{ $m }} د</option>
        @endforeach
      </select>

      <button class="px-3 py-1.5 rounded bg-primary-600 text-white">تطبيق</button>
      <div class="text-xs text-gray-500 ml-auto">الفترة: {{ $period[0] }} → {{ $period[1] }}</div>
    </form>
  </div>

  @php
    $sections = [
      ['key'=>'critical','title'=>'🚨 أولوية قصوى (ابدئي بهنّ أولًا)','color'=>'from-rose-50 to-rose-100'],
      ['key'=>'high','title'=>'⚠️ أولوية عالية','color'=>'from-amber-50 to-amber-100'],
      ['key'=>'normal','title'=>'👀 متابعة عادية','color'=>'from-emerald-50 to-emerald-100'],
    ];
  @endphp

  {{-- 🔹 مجموعات الإنعاش --}}
  @foreach($sections as $sec)
    @php $items = $groups[$sec['key']] ?? collect(); @endphp
    <div class="bg-white dark:bg-gray-900 rounded-xl border border-gray-100 dark:border-gray-700 p-4 space-y-3">
      <div class="flex items-center justify-between">
        <h3 class="font-bold">{{ $sec['title'] }}</h3>
        <div class="text-xs text-gray-500">تحليل خماسي: انقطاع / دقائق / نقاط / غياب / التزام</div>
      </div>

      @if($items->isEmpty())
        <div class="text-sm text-gray-500">لا يوجد مرشّحات ضمن هذه الفئة.</div>
      @else
        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
          @foreach($items as $i)
            <div class="rounded-xl p-4 bg-gradient-to-br {{ $sec['color'] }} border-r-4 border-gray-300 shadow-sm">
              <div class="flex items-center justify-between">
                <div class="min-w-0">
                  <div class="font-bold truncate">{{ $i->name }}</div>
                  <div class="text-xs text-gray-600 dark:text-gray-300 truncate">{{ $i->username ?? '—' }}</div>
                </div>
                <span class="px-2 py-1 rounded text-xs bg-black/5 dark:bg-white/10">خطر: {{ $i->risk }}</span>
              </div>

              <div class="mt-2 text-sm text-gray-700 dark:text-gray-300">
                انقطاع: <b>{{ $i->inactive }}</b> يوم • دقائق: <b>{{ number_format($i->mins,1) }}</b> • نقاط: <b>{{ $i->pts }}</b> • غياب: <b>{{ $i->abs }}</b> • أيام نشطة: <b>{{ $i->days }}</b>
              </div>

              {{-- 🔸 الإجراءات المقترحة --}}
              @if(!empty($i->actions))
                <ul class="mt-2 list-disc list-inside text-sm text-gray-800 dark:text-gray-200">
                  @foreach($i->actions as $a)
                    <li>{{ $a }}</li>
                  @endforeach
                </ul>
              @endif

              {{-- 🔸 القوالب الجاهزة --}}
<details class="mt-3">
  <summary class="cursor-pointer text-xs text-blue-600">📋 قوالب رسائل جاهزة (نسخ)</summary>
  <div class="text-xs mt-2 space-y-1">
    <div><b>رجوع لطيف:</b>
      <pre class="whitespace-pre-wrap bg-black/5 dark:bg-white/10 p-2 rounded">
@php echo str_replace('{{name}}', $i->name, $templates['return']); @endphp
      </pre>
    </div>

    <div><b>دعوة حدث:</b>
      <pre class="whitespace-pre-wrap bg-black/5 dark:bg-white/10 p-2 rounded">
@php echo str_replace(['{{name}}','{{date}}'], [$i->name, date('Y-m-d')], $templates['event']); @endphp
      </pre>
    </div>

    <div><b>Buddy أسبوع:</b>
      <pre class="whitespace-pre-wrap bg-black/5 dark:bg-white/10 p-2 rounded">
@php echo str_replace('{{name}}', $i->name, $templates['buddy']); @endphp
      </pre>
    </div>

    <div><b>مكافأة أول إنجاز:</b>
      <pre class="whitespace-pre-wrap bg-black/5 dark:bg-white/10 p-2 rounded">
@php echo str_replace('{{name}}', $i->name, $templates['reward']); @endphp
      </pre>
    </div>
  </div>
</details>

              {{-- 🔸 زر إرسال إداري مباشر --}}
              @if(Route::has('superadmin.admin-messages.index'))
                <div class="mt-3">
                  <a href="{{ route('superadmin.admin-messages.index', ['to'=>$i->id]) }}"
                     class="inline-flex items-center gap-2 px-3 py-1.5 rounded bg-primary-600 text-white text-xs hover:bg-primary-700">
                    ✉️ إرسال رسالة الآن
                  </a>
                </div>
              @endif
            </div>
          @endforeach
        </div>
      @endif
    </div>
  @endforeach

  {{-- 🔹 ملاحظة ختامية --}}
  <div class="text-xs text-gray-500 dark:text-gray-400 text-center pt-3">
    💬 يُنصح باختيار 2–3 من كل فئة أسبوعيًا لإعادة دمجهم تدريجيًا عبر تواصل لطيف ورسائل تحفيزية.
  </div>

</div>
@endsection