@extends('layouts.superadmin')
@section('content')
<div class="p-6 space-y-4">

  <div class="flex items-center justify-between">
    <div class="font-extrabold text-xl text-slate-900 dark:text-white">🎯 Subjects</div>
    <a class="text-sm font-bold text-cyan-700 dark:text-cyan-200 hover:underline" href="{{ route('superadmin.prosanta.dashboard') }}">Dashboard</a>
  </div>

  <form method="GET" class="flex flex-wrap gap-2">
    <select name="subject" class="px-3 py-2 rounded-xl border dark:border-white/10 dark:bg-slate-900 dark:text-white">
      <option value="">كل الأنواع</option>
      @foreach(['user','ip','device','page'] as $sb)
        <option value="{{ $sb }}" @selected(request('subject')===$sb)>{{ $sb }}</option>
      @endforeach
    </select>
    <input name="key" value="{{ request('key') }}" placeholder="subject_key"
           class="px-3 py-2 rounded-xl border dark:border-white/10 dark:bg-slate-900 dark:text-white" />
    <button class="px-3 py-2 rounded-xl bg-cyan-600 text-white font-bold">بحث</button>
  </form>

  <div class="rounded-2xl border border-white/10 bg-white/70 dark:bg-slate-900/70 backdrop-blur-xl shadow-lg overflow-hidden">
    <div class="overflow-x-auto">
      <table class="min-w-[1100px] w-full text-sm">
        <thead class="bg-slate-50/80 dark:bg-white/5">
          <tr class="text-right text-slate-600 dark:text-white/70">
            <th class="p-3">Subject</th>
            <th class="p-3">Signals</th>
            <th class="p-3">New</th>
            <th class="p-3">Total Risk</th>
            <th class="p-3">Last Seen</th>
            <th class="p-3">Case</th>
          </tr>
        </thead>
        <tbody>
          @forelse($subjects as $s)
            @php
              $mapKey = $s->subject_type.'|'.$s->subject_key;
              $case = $casesMap[$mapKey] ?? null;
            @endphp
            <tr class="border-t border-slate-200/60 dark:border-white/10 hover:bg-slate-50/70 dark:hover:bg-white/5">
              <td class="p-3">
                <div class="font-extrabold text-slate-900 dark:text-white">{{ $s->subject_type }}:{{ $s->subject_key }}</div>
              </td>
              <td class="p-3 font-bold">{{ $s->signals_count }}</td>
              <td class="p-3 font-bold text-rose-600 dark:text-rose-300">{{ $s->new_count }}</td>
              <td class="p-3 font-extrabold">{{ $s->total_risk }}</td>
              <td class="p-3 text-[11px] text-slate-500 dark:text-white/55">{{ $s->last_seen }}</td>
              <td class="p-3">
                @if($case)
                  <span class="px-2 py-1 rounded-xl bg-amber-500/15 text-amber-800 dark:text-amber-200 text-[11px] ring-1 ring-amber-500/25">
                    OPEN • #{{ $case->id }} • {{ strtoupper($case->priority) }}
                  </span>
                @else
                  <span class="text-[11px] text-slate-400 dark:text-white/40">—</span>
                @endif
              </td>
            </tr>
          @empty
            <tr><td colspan="6" class="p-6 text-center text-slate-500 dark:text-white/50">لا يوجد بيانات.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>

  <div>{{ $subjects->links() }}</div>

</div>
@endsection