@extends('layouts.admin')

@section('title', 'Manajemen Arsip - 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">📦 Manajemen Arsip Produk Hukum Desa</h1>
            <p class="text-xs text-slate-500">Pendataan registrasi kode arsip, lokasi penyimpanan fisik Balai Desa Gogik, dan retensi ANRI.</p>
        </div>
    </div>

    <!-- Metrics -->
    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
        <div class="bg-emerald-900 text-white p-5 rounded-2xl shadow-md">
            <p class="text-xs font-bold uppercase text-emerald-200">Total Terarsip Fisik</p>
            <h3 class="text-3xl font-extrabold mt-1">{{ $totalArchived }} Dokumen</h3>
        </div>
        <div class="bg-gold-500 text-emerald-950 p-5 rounded-2xl shadow-md">
            <p class="text-xs font-bold uppercase opacity-80">Retensi Permanen ANRI</p>
            <h3 class="text-3xl font-extrabold mt-1">{{ $permanentCount }} Naskah</h3>
        </div>
    </div>

    <!-- Inventory Table -->
    <div class="bg-white rounded-2xl shadow-md border border-slate-200 overflow-hidden">
        <div class="p-4 border-b border-slate-200 flex items-center justify-between">
            <h3 class="font-bold text-sm text-slate-800">Daftar Registrasi Arsip Fisik Balai Desa</h3>
        </div>

        <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">Kode Arsip</th>
                    <th class="p-4">Judul Dokumen Hukum</th>
                    <th class="p-4">Lokasi Fisik (Balai Desa)</th>
                    <th class="p-4 text-center">Retensi</th>
                    <th class="p-4 text-center">Kondisi Fisik</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse($archives as $idx => $a)
                    <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-mono font-bold text-emerald-900">{{ $a->archive_code }}</td>
                        <td class="p-4 font-bold text-slate-900">{{ $a->product->title ?? '-' }}</td>
                        <td class="p-4 font-semibold text-slate-800">📍 {{ $a->rack_location }} ({{ $a->box_number }})</td>
                        <td class="p-4 text-center">
                            <span class="bg-gold-500/20 text-gold-700 font-bold border border-gold-400 px-2 py-0.5 rounded text-[10px]">
                                {{ $a->retention_status }}
                            </span>
                        </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]">
                                {{ $a->physical_condition }}
                            </span>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colSpan="6" class="p-8 text-center text-slate-500 italic">Belum ada data arsip fisik yang didaftarkan.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection