@extends('layouts.superadmin')
@section('content')
<div class="p-6 space-y-4">
  <div class="font-extrabold text-xl text-slate-900 dark:text-white">✅ Recommendations</div>

  <div class="space-y-3">
    @forelse($recs as $r)
      <div class="rounded-2xl border border-white/10 bg-white/70 dark:bg-slate-900/70 p-4 shadow-lg">
        <div class="flex items-start justify-between gap-3">
          <div>
            <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">Signal #{{ $r->signal_id }} • {{ strtoupper($r->priority) }} • {{ $r->status }}</div>
          </div>

          @if($r->status === 'open')
            <form method="POST" action="{{ route('superadmin.prosanta-plus.recommendations.close', $r->id) }}">
              @csrf
              <button class="px-3 py-2 rounded-xl bg-emerald-600 text-white font-bold text-sm">إنهاء</button>
            </form>
          @endif
        </div>

        <pre class="mt-3 whitespace-pre-wrap text-[12px] text-slate-700 dark:text-white/70 bg-slate-50/70 dark:bg-white/5 border border-slate-200/60 dark:border-white/10 rounded-2xl p-3">{{ $r->steps }}</pre>
      </div>
    @empty
      <div class="text-slate-500 dark:text-white/50">لا يوجد Recommendations بعد.</div>
    @endforelse
  </div>

  <div>{{ $recs->links() }}</div>
</div>
@endsection