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

@section('title','غرفة إيمان — أدوات مساعدة')
@section('page-title','غرفة إيمان — أدوات مساعدة')

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

  $section = $section ?? request('section','helper_tools');

  /* =========================
   | Core Tools Routes
   ========================= */
  $rEvaluationsIndex  = 'superadmin.evaluations.index';
  $rEvaluationsCreate = 'superadmin.evaluations.create';

  // “الاجتماعات الادارية : >routeIs('superadmin.meetings.*') ?”
  $rMeetingsIndex     = 'superadmin.meetings.index';

  $rAbsencesIndex     = 'superadmin.absences.index';
  $rHighRequestsIndex = 'superadmin.high-level-requests.index';
  $rViolationsIndex   = 'superadmin.violations.index';
  $rInternalIndex     = 'superadmin.internal-activities.index';

  /* =========================
   | WhatsApp (defaults) — Maintenance
   ========================= */
  $rWaLives        = $rWaLives        ?? 'superadmin.falcon-room.whatsapp-lives.index';
  $rWaMeetings     = $rWaMeetings     ?? 'superadmin.whatsapp.meetings.index';
  $rWaDailyReading = $rWaDailyReading ?? 'superadmin.whatsapp.daily-reading.index';
  $rWaSystem       = $rWaSystem       ?? 'superadmin.whatsapp.system.index';
  $rWaQuick        = $rWaQuick        ?? 'superadmin.whatsapp.quick.index';
  $rWaStatement    = $rWaStatement    ?? 'superadmin.whatsapp.statement.index';

  $rWhatsAbs        = $rWhatsAbs        ?? 'superadmin.whatsapp.absences.index';
  $rWhatsGuestHours = $rWhatsGuestHours ?? 'superadmin.whatsapp.guests-hours.index';
  $rWhatsPresence   = $rWhatsPresence   ?? 'superadmin.whatsapp.presence.index';
  $rWhatsTests      = $rWhatsTests      ?? 'superadmin.whatsapp.tests.index';
  $rWhatsDecisions  = $rWhatsDecisions  ?? 'superadmin.whatsapp.decisions.index';
  $rWhatsRisk       = $rWhatsRisk       ?? 'superadmin.whatsapp.risk.index';

  // Active flags (if you want later)
  $onMeetings = request()->routeIs('superadmin.meetings.*');

  // Helper: safe route url
  $safe = function(string $name, array $params = []) {
      return Route::has($name) ? route($name, $params) : '#';
  };

  $qsBase = ['section' => $section];
@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">

    {{-- Header / 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-20 w-96 h-96 rounded-full bg-cyan-500/10 blur-3xl"></div>

      <div class="relative p-4 sm:p-6">
        <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-fuchsia-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 max-w-3xl leading-relaxed">
              اختصارات رسمية وسريعة لأهم مراكز الإدارة (تقييمات، مخالفات، غياب، نشاطات داخلية…)
              — كل زر هنا محسوب ليحافظ على <span class="text-white font-semibold">هيبة غرفة إيمان</span>.
            </p>
          </div>

          <div class="hidden sm:flex items-center gap-2">
            <a href="{{ url()->current() . '?' . http_build_query(['section'=>$section]) }}"
               class="px-3 py-2 rounded-xl text-xs font-semibold border border-white/10 bg-white/5 text-white/80 hover:bg-white/10">
              <i class="fa-solid fa-rotate-right ml-1"></i>
              تحديث/تصفير
            </a>
          </div>
        </div>

        {{-- Quick badges --}}
        <div class="mt-4 flex flex-wrap gap-2">
          <span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-emerald-400/20 bg-emerald-500/10 text-emerald-200 text-xs font-bold">
            <i class="fa-solid fa-shield-halved"></i>
            أدوات رسمية
          </span>
          <span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-sky-400/20 bg-sky-500/10 text-sky-200 text-xs font-bold">
            <i class="fa-solid fa-bolt"></i>
            وصول سريع
          </span>
          <span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-fuchsia-400/20 bg-fuchsia-500/10 text-fuchsia-200 text-xs font-bold">
            <i class="fa-solid fa-crown"></i>
            غرفة إيمان
          </span>
        </div>
      </div>
    </div>

    {{-- Core Tools --}}
    <div class="relative overflow-hidden rounded-3xl border border-white/10 bg-gradient-to-br from-slate-950 via-slate-900 to-black shadow-2xl">
      <div class="p-4 sm:p-5">
        <div class="flex items-center justify-between gap-3">
          <div class="flex items-center gap-2">
            <span class="inline-flex w-10 h-10 items-center justify-center rounded-2xl bg-fuchsia-500/15 border border-fuchsia-400/20 text-fuchsia-200">
              <i class="fa-solid fa-toolbox"></i>
            </span>
            <div>
              <div class="text-white font-extrabold">أدوات الإدارة</div>
              <div class="text-white/60 text-xs">روابط مباشرة • بدون لف ودوران</div>
            </div>
          </div>

          <div class="text-white/50 text-xs hidden sm:block">
            إن لم يكن Route موجودًا سيتم تعطيل الزر تلقائيًا.
          </div>
        </div>

        <div class="mt-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">

          {{-- Evaluations index --}}
          @php $ok = Route::has($rEvaluationsIndex); @endphp
          <a href="{{ $ok ? route($rEvaluationsIndex) : '#' }}"
             class="group rounded-3xl border border-white/10 bg-white/5 hover:bg-white/10 transition p-4 {{ $ok ? '' : 'opacity-60 pointer-events-none' }}">
            <div class="flex items-start justify-between gap-2">
              <div class="flex items-center gap-3">
                <span class="w-11 h-11 rounded-2xl inline-flex items-center justify-center bg-emerald-500/12 border border-emerald-400/20 text-emerald-200">
                  <i class="fa-solid fa-star"></i>
                </span>
                <div>
                  <div class="text-white font-extrabold">التقييمات</div>
                  <div class="text-white/60 text-xs">عرض وإدارة تقييمات الأعضاء</div>
                </div>
              </div>
              <span class="text-[11px] font-bold px-2 py-1 rounded-full border border-white/10 bg-black/30 text-white/70 group-hover:text-white">
                فتح
              </span>
            </div>
            <div class="mt-3 text-white/60 text-sm leading-relaxed">
              الوصول السريع لصفحة التقييمات الرئيسية.
            </div>
          </a>

          {{-- Evaluations create --}}
          @php $ok = Route::has($rEvaluationsCreate); @endphp
          <a href="{{ $ok ? route($rEvaluationsCreate) : '#' }}"
             class="group rounded-3xl border border-white/10 bg-white/5 hover:bg-white/10 transition p-4 {{ $ok ? '' : 'opacity-60 pointer-events-none' }}">
            <div class="flex items-start justify-between gap-2">
              <div class="flex items-center gap-3">
                <span class="w-11 h-11 rounded-2xl inline-flex items-center justify-center bg-sky-500/12 border border-sky-400/20 text-sky-200">
                  <i class="fa-solid fa-pen-to-square"></i>
                </span>
                <div>
                  <div class="text-white font-extrabold">إنشاء تقييم</div>
                  <div class="text-white/60 text-xs">إضافة تقييم جديد بسرعة</div>
                </div>
              </div>
              <span class="text-[11px] font-bold px-2 py-1 rounded-full border border-white/10 bg-black/30 text-white/70 group-hover:text-white">
                جديد
              </span>
            </div>
            <div class="mt-3 text-white/60 text-sm leading-relaxed">
              إنشاء تقييم جديد من غرفة إيمان مباشرة.
            </div>
          </a>

          {{-- Meetings --}}
          @php $ok = Route::has($rMeetingsIndex); @endphp
          <a href="{{ $ok ? route($rMeetingsIndex) : '#' }}"
             class="group rounded-3xl border border-white/10 bg-white/5 hover:bg-white/10 transition p-4 {{ $ok ? '' : 'opacity-60 pointer-events-none' }}">
            <div class="flex items-start justify-between gap-2">
              <div class="flex items-center gap-3">
                <span class="w-11 h-11 rounded-2xl inline-flex items-center justify-center bg-fuchsia-500/12 border border-fuchsia-400/20 text-fuchsia-200">
                  <i class="fa-solid fa-people-group"></i>
                </span>
                <div>
                  <div class="text-white font-extrabold">الاجتماعات الإدارية</div>
                  <div class="text-white/60 text-xs">إدارة/عرض الاجتماعات</div>
                </div>
              </div>
              @if($onMeetings)
                <span class="text-[11px] font-bold px-2 py-1 rounded-full border border-emerald-400/20 bg-emerald-500/10 text-emerald-200">
                  نشط
                </span>
              @else
                <span class="text-[11px] font-bold px-2 py-1 rounded-full border border-white/10 bg-black/30 text-white/70">
                  فتح
                </span>
              @endif
            </div>
            <div class="mt-3 text-white/60 text-sm leading-relaxed">
              صفحة الاجتماعات الإدارية (routeIs: superadmin.meetings.*).
            </div>
          </a>

          {{-- Absences --}}
          @php $ok = Route::has($rAbsencesIndex); @endphp
          <a href="{{ $ok ? route($rAbsencesIndex) : '#' }}"
             class="group rounded-3xl border border-white/10 bg-white/5 hover:bg-white/10 transition p-4 {{ $ok ? '' : 'opacity-60 pointer-events-none' }}">
            <div class="flex items-start justify-between gap-2">
              <div class="flex items-center gap-3">
                <span class="w-11 h-11 rounded-2xl inline-flex items-center justify-center bg-amber-500/12 border border-amber-400/20 text-amber-200">
                  <i class="fa-solid fa-calendar-xmark"></i>
                </span>
                <div>
                  <div class="text-white font-extrabold">طلبات الغياب</div>
                  <div class="text-white/60 text-xs">مراجعة طلبات الأعذار</div>
                </div>
              </div>
              <span class="text-[11px] font-bold px-2 py-1 rounded-full border border-white/10 bg-black/30 text-white/70 group-hover:text-white">
                فتح
              </span>
            </div>
            <div class="mt-3 text-white/60 text-sm leading-relaxed">
              إدارة جميع طلبات الغياب ضمن النظام.
            </div>
          </a>

          {{-- High-level requests --}}
          @php $ok = Route::has($rHighRequestsIndex); @endphp
          <a href="{{ $ok ? route($rHighRequestsIndex) : '#' }}"
             class="group rounded-3xl border border-white/10 bg-white/5 hover:bg-white/10 transition p-4 {{ $ok ? '' : 'opacity-60 pointer-events-none' }}">
            <div class="flex items-start justify-between gap-2">
              <div class="flex items-center gap-3">
                <span class="w-11 h-11 rounded-2xl inline-flex items-center justify-center bg-indigo-500/12 border border-indigo-400/20 text-indigo-200">
                  <i class="fa-solid fa-crown"></i>
                </span>
                <div>
                  <div class="text-white font-extrabold">طلبات القيادة العليا</div>
                  <div class="text-white/60 text-xs">طلبات حساسة وعالية المستوى</div>
                </div>
              </div>
              <span class="text-[11px] font-bold px-2 py-1 rounded-full border border-white/10 bg-black/30 text-white/70 group-hover:text-white">
                فتح
              </span>
            </div>
            <div class="mt-3 text-white/60 text-sm leading-relaxed">
              ربط مباشر بصفحة طلبات القيادة العليا.
            </div>
          </a>

          {{-- Violations --}}
          @php $ok = Route::has($rViolationsIndex); @endphp
          <a href="{{ $ok ? route($rViolationsIndex) : '#' }}"
             class="group rounded-3xl border border-white/10 bg-white/5 hover:bg-white/10 transition p-4 {{ $ok ? '' : 'opacity-60 pointer-events-none' }}">
            <div class="flex items-start justify-between gap-2">
              <div class="flex items-center gap-3">
                <span class="w-11 h-11 rounded-2xl inline-flex items-center justify-center bg-rose-500/12 border border-rose-400/20 text-rose-200">
                  <i class="fa-solid fa-gavel"></i>
                </span>
                <div>
                  <div class="text-white font-extrabold">المخالفات</div>
                  <div class="text-white/60 text-xs">ضبط المخالفات والإجراءات</div>
                </div>
              </div>
              <span class="text-[11px] font-bold px-2 py-1 rounded-full border border-white/10 bg-black/30 text-white/70 group-hover:text-white">
                فتح
              </span>
            </div>
            <div class="mt-3 text-white/60 text-sm leading-relaxed">
              متابعة المخالفات والتصعيدات.
            </div>
          </a>

          {{-- Internal activities --}}
          @php $ok = Route::has($rInternalIndex); @endphp
          <a href="{{ $ok ? route($rInternalIndex) : '#' }}"
             class="group rounded-3xl border border-white/10 bg-white/5 hover:bg-white/10 transition p-4 {{ $ok ? '' : 'opacity-60 pointer-events-none' }}">
            <div class="flex items-start justify-between gap-2">
              <div class="flex items-center gap-3">
                <span class="w-11 h-11 rounded-2xl inline-flex items-center justify-center bg-cyan-500/12 border border-cyan-400/20 text-cyan-200">
                  <i class="fa-solid fa-wave-square"></i>
                </span>
                <div>
                  <div class="text-white font-extrabold">النشاطات الداخلية</div>
                  <div class="text-white/60 text-xs">مركز النشاط الداخلي</div>
                </div>
              </div>
              <span class="text-[11px] font-bold px-2 py-1 rounded-full border border-white/10 bg-black/30 text-white/70 group-hover:text-white">
                فتح
              </span>
            </div>
            <div class="mt-3 text-white/60 text-sm leading-relaxed">
              عرض وتتبع النشاطات الداخلية والسجلات.
            </div>
          </a>

        </div>
      </div>
    </div>

    {{-- WhatsApp (Maintenance) --}}
    <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-20 -left-16 w-72 h-72 rounded-full bg-emerald-500/10 blur-3xl"></div>
      <div class="pointer-events-none absolute -bottom-24 -right-20 w-96 h-96 rounded-full bg-fuchsia-500/10 blur-3xl"></div>

      <div class="relative p-4 sm:p-6">
        <div class="flex items-start justify-between gap-3">
          <div class="flex items-center gap-3">
            <span class="inline-flex w-11 h-11 items-center justify-center rounded-2xl bg-emerald-500/12 border border-emerald-400/20 text-emerald-200">
              <i class="fa-brands fa-whatsapp text-lg"></i>
            </span>
            <div>
              <div class="text-white font-extrabold">مركز WhatsApp</div>
              <div class="text-white/60 text-xs">قيد الصيانة — سيتم تفعيله لاحقًا</div>
            </div>
          </div>

          <span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-amber-400/20 bg-amber-500/10 text-amber-200 text-xs font-extrabold">
            <i class="fa-solid fa-screwdriver-wrench"></i>
            قيد الصيانة
          </span>
        </div>

        <div class="mt-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
          @php
            $waItems = [
              ['t'=>'لايفات واتس',        'r'=>$rWaLives,        'i'=>'fa-solid fa-video'],
              ['t'=>'اجتماعات واتس',      'r'=>$rWaMeetings,     'i'=>'fa-solid fa-people-group'],
              ['t'=>'قراءة يومية',        'r'=>$rWaDailyReading, 'i'=>'fa-solid fa-book'],
              ['t'=>'نظام واتس',          'r'=>$rWaSystem,       'i'=>'fa-solid fa-gear'],
              ['t'=>'سريع',               'r'=>$rWaQuick,        'i'=>'fa-solid fa-bolt'],
              ['t'=>'بيان',               'r'=>$rWaStatement,    'i'=>'fa-solid fa-file-lines'],

              ['t'=>'غيابات واتس',        'r'=>$rWhatsAbs,        'i'=>'fa-solid fa-calendar-xmark'],
              ['t'=>'ساعات قستات',        'r'=>$rWhatsGuestHours, 'i'=>'fa-solid fa-clock'],
              ['t'=>'الحضور',             'r'=>$rWhatsPresence,   'i'=>'fa-solid fa-user-check'],
              ['t'=>'الاختبارات',         'r'=>$rWhatsTests,      'i'=>'fa-solid fa-clipboard-question'],
              ['t'=>'القرارات',           'r'=>$rWhatsDecisions,  'i'=>'fa-solid fa-scroll'],
              ['t'=>'المخاطر',            'r'=>$rWhatsRisk,       'i'=>'fa-solid fa-triangle-exclamation'],
            ];
          @endphp

          @foreach($waItems as $it)
            <div class="rounded-3xl border border-white/10 bg-black/30 p-4 opacity-70">
              <div class="flex items-start justify-between gap-2">
                <div class="flex items-center gap-3">
                  <span class="w-11 h-11 rounded-2xl inline-flex items-center justify-center bg-white/5 border border-white/10 text-white/70">
                    <i class="{{ $it['i'] }}"></i>
                  </span>
                  <div>
                    <div class="text-white font-extrabold">{{ $it['t'] }}</div>
                    <div class="text-white/50 text-xs">{{ $it['r'] }}</div>
                  </div>
                </div>
                <span class="text-[11px] font-bold px-2 py-1 rounded-full border border-amber-400/20 bg-amber-500/10 text-amber-200">
                  صيانة
                </span>
              </div>

              <div class="mt-3 text-white/55 text-sm leading-relaxed">
                هذا المسار موجود للتحضير — سيتم تفعيله عند انتهاء الصيانة.
              </div>
            </div>
          @endforeach
        </div>

        <div class="mt-4 rounded-2xl border border-white/10 bg-white/5 p-3 text-xs text-white/60">
          <i class="fa-solid fa-circle-info ml-1"></i>
          قسم WhatsApp حالياً “عرض فقط” داخل غرفة إيمان (قيد الصيانة) حتى يتم فتحه رسميًا.
        </div>

      </div>
    </div>

  </div>
</div>
@endsection