@extends('layouts.admin')

@section('title', $title . ' - JDIH Desa Gogik')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-extrabold text-slate-900 tracking-tight">{{ $title }}</h1>
            <p class="text-xs text-slate-500">{{ $subtitle }}</p>
        </div>
    </div>

    <div class="bg-white rounded-2xl shadow-md border border-slate-200 overflow-hidden">
        @if($type === 'categories')
            <table class="w-full text-xs text-left">
                <thead class="bg-slate-50 border-b border-slate-200 text-slate-700 font-bold uppercase">
                    <tr>
                        <th class="p-4 w-12 text-center">Urutan</th>
                        <th class="p-4">Nama Kategori</th>
                        <th class="p-4">Slug</th>
                        <th class="p-4">Deskripsi Singkat</th>
                        <th class="p-4 text-center">Jumlah Dokumen</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    @foreach($items as $cat)
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 text-center font-bold text-slate-500">{{ $cat->order }}</td>
                            <td class="p-4 font-bold text-slate-900">{{ $cat->name }}</td>
                            <td class="p-4 font-mono text-emerald-800">{{ $cat->slug }}</td>
                            <td class="p-4 text-slate-500">{{ $cat->description }}</td>
                            <td class="p-4 text-center font-bold text-emerald-700">{{ $cat->products_count }} Dokumen</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @elseif($type === 'users')
            <table class="w-full text-xs text-left">
                <thead class="bg-slate-50 border-b border-slate-200 text-slate-700 font-bold uppercase">
                    <tr>
                        <th class="p-4">Nama Lengkap</th>
                        <th class="p-4">Username</th>
                        <th class="p-4">Email</th>
                        <th class="p-4 text-center">Hak Akses (Role)</th>
                        <th class="p-4 text-center">Status</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    @foreach($items as $u)
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 font-bold text-slate-900">{{ $u->name }}</td>
                            <td class="p-4 font-mono text-emerald-900 font-bold">{{ $u->username }}</td>
                            <td class="p-4 text-slate-600">{{ $u->email }}</td>
                            <td class="p-4 text-center">
                                <span class="bg-gold-500/20 text-gold-700 font-extrabold border border-gold-400 px-2 py-0.5 rounded text-[10px]">
                                    {{ $u->role }}
                                </span>
                            </td>
                            <td class="p-4 text-center font-bold text-emerald-700">AKTIF</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @elseif($type === 'activities')
            <table class="w-full text-xs text-left">
                <thead class="bg-slate-50 border-b border-slate-200 text-slate-700 font-bold uppercase">
                    <tr>
                        <th class="p-4">Pengguna</th>
                        <th class="p-4">Tindakan (Action)</th>
                        <th class="p-4">Detail Aktivitas</th>
                        <th class="p-4 text-center">IP Address</th>
                        <th class="p-4 text-center">Waktu Log</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    @foreach($items as $act)
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 font-bold text-slate-900">{{ $act->user->name ?? 'System' }}</td>
                            <td class="p-4 font-mono font-bold text-emerald-800">{{ $act->action }}</td>
                            <td class="p-4 text-slate-600">{{ $act->details }}</td>
                            <td class="p-4 text-center font-mono text-slate-500">{{ $act->ip_address ?? '127.0.0.1' }}</td>
                            <td class="p-4 text-center text-slate-400 font-mono">{{ $act->created_at->diffForHumans() }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <table class="w-full text-xs text-left">
                <thead class="bg-slate-50 border-b border-slate-200 text-slate-700 font-bold uppercase">
                    <tr>
                        <th class="p-4 w-12 text-center">No</th>
                        <th class="p-4">Jenis & Nomor</th>
                        <th class="p-4">Judul Dokumen</th>
                        <th class="p-4 text-center">Status</th>
                        <th class="p-4 text-center">Unduhan</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    @forelse($items as $idx => $p)
                        <tr class="hover:bg-slate-50">
                            <td class="p-4 text-center font-bold text-slate-500">{{ $idx + 1 }}</td>
                            <td class="p-4 font-semibold text-slate-800">{{ $p->category->name ?? '-' }}<br/><span class="text-emerald-700 font-bold">No. {{ $p->document_number }}/{{ $p->year }}</span></td>
                            <td class="p-4 font-bold text-slate-900">{{ $p->title }}</td>
                            <td class="p-4 text-center">
                                <span class="bg-emerald-100 text-emerald-800 font-bold px-2 py-0.5 rounded text-[10px]">
                                    {{ $p->document_status }}
                                </span>
                            </td>
                            <td class="p-4 text-center font-bold text-emerald-700">{{ $p->download_count }}x</td>
                        </tr>
                    @empty
                        <tr>
                            <td colSpan="5" class="p-8 text-center text-slate-500 italic">Tidak ada dokumen pada kriteria ini.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        @endif
    </div>
</div>
@endsection