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

  <div class="font-extrabold text-xl text-slate-900 dark:text-white">🎚️ Rules & Triggers</div>

  @if(session('success'))
    <div class="px-3 py-2 rounded-2xl bg-emerald-500/15 border border-emerald-400/25 text-emerald-900 dark:text-emerald-200 text-sm font-bold">
      {{ session('success') }}
    </div>
  @endif

  <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
    @foreach($rules as $r)
      <div class="rounded-2xl border border-white/10 bg-white/70 dark:bg-slate-900/70 backdrop-blur-xl p-4 shadow-lg">
        <div class="flex items-start justify-between gap-3">
          <div class="min-w-0">
            <div class="font-extrabold text-slate-900 dark:text-white">{{ $r->title }}</div>
            <div class="text-[11px] text-slate-500 dark:text-white/55 mt-1">{{ $r->description }}</div>
            <div class="text-[11px] text-slate-400 dark:text-white/45 mt-1">key: {{ $r->key }}</div>
          </div>

          <form method="POST" action="{{ route('superadmin.prosanta.rules.toggle', $r->id) }}">
            @csrf
            <button class="px-3 py-1.5 rounded-xl text-[12px] font-bold
              {{ $r->is_active ? 'bg-emerald-600 text-white' : 'bg-slate-200 dark:bg-white/10 text-slate-800 dark:text-white' }}">
              {{ $r->is_active ? 'ON' : 'OFF' }}
            </button>
          </form>
        </div>

        <form method="POST" action="{{ route('superadmin.prosanta.rules.update', $r->id) }}" class="mt-3 grid grid-cols-3 gap-2">
          @csrf
          <select name="severity" class="px-3 py-2 rounded-xl border dark:border-white/10 dark:bg-slate-900 dark:text-white text-sm">
            @foreach(['low','medium','high','critical'] as $sv)
              <option value="{{ $sv }}" @selected($r->severity===$sv)>{{ $sv }}</option>
            @endforeach
          </select>
          <input name="score" value="{{ $r->score }}" class="px-3 py-2 rounded-xl border dark:border-white/10 dark:bg-slate-900 dark:text-white text-sm" />
          <input name="cooldown_minutes" value="{{ $r->cooldown_minutes }}" class="px-3 py-2 rounded-xl border dark:border-white/10 dark:bg-slate-900 dark:text-white text-sm" />
          <button class="col-span-3 mt-1 px-3 py-2 rounded-xl bg-cyan-600 text-white font-bold">حفظ</button>
        </form>
      </div>
    @endforeach
  </div>

</div>
@endsection