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

  <div class="rounded-2xl border border-white/10 bg-white/70 dark:bg-slate-900/70 shadow-lg overflow-hidden">
    <div class="overflow-x-auto">
      <table class="min-w-[900px] 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">Title</th>
            <th class="p-3">Type</th>
            <th class="p-3">Confidence</th>
            <th class="p-3">Created</th>
          </tr>
        </thead>
        <tbody>
          @forelse($insights as $i)
            <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">{{ $i->title }}</div>
                <div class="text-[11px] text-slate-500 dark:text-white/55 mt-1">{{ \Illuminate\Support\Str::limit($i->content, 160) }}</div>
              </td>
              <td class="p-3">{{ $i->insight_type }}</td>
              <td class="p-3 font-bold">{{ $i->confidence }}%</td>
              <td class="p-3 text-[11px] text-slate-500 dark:text-white/55">{{ $i->created_at?->diffForHumans() }}</td>
            </tr>
          @empty
            <tr><td colspan="4" class="p-6 text-center text-slate-500 dark:text-white/50">لا يوجد بيانات.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>

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