@extends('layouts.app')
@section('title', 'Dashboard — Loket Satu mimpi')

@section('content')
<h1 class="page-title">
    <i class="bi bi-grid-1x2" style="color:var(--accent)"></i>
    Dashboard Pengajuan
</h1>

{{-- Summary Cards --}}
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin-bottom:28px;">
    <div class="card" style="border-color:var(--warning)">
        <div style="font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px">Menunggu Review</div>
        <div style="font-size:2rem;font-weight:700;color:var(--warning)">{{ $totalPending }}</div>
    </div>
    <div class="card" style="border-color:var(--success)">
        <div style="font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px">Disetujui</div>
        <div style="font-size:2rem;font-weight:700;color:#56d364">{{ $totalApproved }}</div>
    </div>
    <div class="card" style="border-color:var(--danger)">
        <div style="font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px">Ditolak</div>
        <div style="font-size:2rem;font-weight:700;color:#ff7b72">{{ $totalRejected }}</div>
    </div>
</div>

{{-- Quick Actions --}}
<div class="card" style="margin-bottom:24px">
    <div class="card-title"><i class="bi bi-plus-circle" style="color:var(--accent)"></i> Buat Pengajuan Baru</div>
    <div style="display:flex;flex-wrap:wrap;gap:10px;">
        <a href="{{ route('expungement.create') }}" class="btn btn-secondary">
            <i class="bi bi-file-earmark-text"></i> Expungement
        </a>
        <a href="{{ route('arrest-warrant.create') }}" class="btn btn-secondary">
            <i class="bi bi-person-fill-exclamation"></i> Arrest Warrant
        </a>
        <a href="{{ route('search-warrant.create') }}" class="btn btn-secondary">
            <i class="bi bi-search"></i> Search Warrant
        </a>
        <a href="{{ route('case-umum.create') }}" class="btn btn-secondary">
            <i class="bi bi-journal-text"></i> Laporan Umum
        </a>
        <a href="{{ route('vrc.create') }}" class="btn btn-secondary">
            <i class="bi bi-card-checklist"></i> Pengajuan VRC
        </a>
    </div>
</div>

{{-- VRC Requests --}}
@if($vrcRequests->count())
<div class="card" style="margin-bottom:20px">
    <div class="card-title" style="display:flex;align-items:center;justify-content:space-between">
        <span><i class="bi bi-card-checklist" style="color:var(--accent)"></i> VRC Request</span>
        <a href="{{ route('vrc.create') }}" class="btn btn-secondary" style="padding:4px 12px;font-size:.78rem">
            <i class="bi bi-plus-lg"></i> Ajukan Baru
        </a>
    </div>
    <table class="table">
        <thead>
            <tr>
                <th>No. Aplikasi</th>
                <th>Kendaraan</th>
                <th>Tanggal</th>
                <th>Status</th>
                <th>Exp. Date</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @foreach($vrcRequests as $item)
            <tr>
                <td>
                    <code style="color:var(--accent);background:rgba(88,101,242,.1);padding:2px 7px;border-radius:4px">
                        {{ $item->application_no }}
                    </code>
                </td>
                <td style="font-weight:600;letter-spacing:.4px">{{ $item->vehicle->veh_plat ?? '—' }}</td>
                <td>{{ $item->date->format('d M Y') }}</td>
                <td>
                    <span class="badge {{ $item->status === 'approved' ? 'badge-approved' : ($item->status === 'rejected' ? 'badge-rejected' : 'badge-pending') }}">
                        <i class="bi bi-circle-fill" style="font-size:.5rem"></i>
                        {{ ucfirst($item->status) }}
                    </span>
                </td>
                <td>
                    @if($item->vehicle && $item->vehicle->expdate)
                        <span style="font-size:.82rem;color:{{ $item->vehicle->expdate->isPast() ? '#ff7b72' : ($item->vehicle->expdate->diffInDays() <= 7 ? 'var(--warning)' : '#56d364') }}">
                            {{ $item->vehicle->expdate->format('d M Y') }}
                        </span>
                    @else
                        <span style="color:var(--text-muted)">—</span>
                    @endif
                </td>
                <td>
                    <a href="{{ route('vrc.show', $item->id) }}" class="btn btn-secondary" style="padding:4px 10px;font-size:.78rem">Detail</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endif

{{-- Expungement Requests --}}
@if($expungements->count())
<div class="card" style="margin-bottom:20px">
    <div class="card-title"><i class="bi bi-file-earmark-text" style="color:var(--accent)"></i> Request Expungement</div>
    <table class="table">
        <thead>
            <tr>
                <th>No. Aplikasi</th>
                <th>Nama</th>
                <th>Incident No</th>
                <th>Tanggal</th>
                <th>Status</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @foreach($expungements as $item)
            <tr>
                <td><code style="color:var(--accent);background:rgba(88,101,242,.1);padding:2px 7px;border-radius:4px">{{ $item->application_no }}</code></td>
                <td>{{ $item->applicant_name }}</td>
                <td>{{ $item->incident_no }}</td>
                <td>{{ $item->created_at->format('d M Y') }}</td>
                <td>
                    <span class="badge badge-{{ $item->status }}">
                        <i class="bi bi-circle-fill" style="font-size:.5rem"></i>
                        {{ ucfirst($item->status) }}
                    </span>
                </td>
                <td><a href="{{ route('expungement.show', $item->id) }}" class="btn btn-secondary" style="padding:4px 10px;font-size:.78rem">Detail</a></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endif

{{-- Arrest Warrant Requests --}}
@if($arrestWarrants->count())
<div class="card" style="margin-bottom:20px">
    <div class="card-title"><i class="bi bi-person-fill-exclamation" style="color:var(--accent)"></i> Request Arrest Warrant</div>
    <table class="table">
        <thead>
            <tr><th>No. Aplikasi</th><th>CID No</th><th>Tersangka</th><th>Tanggal</th><th>Status</th><th></th></tr>
        </thead>
        <tbody>
            @foreach($arrestWarrants as $item)
            <tr>
                <td><code style="color:var(--accent);background:rgba(88,101,242,.1);padding:2px 7px;border-radius:4px">{{ $item->application_no }}</code></td>
                <td>{{ $item->cid_no }}</td>
                <td>{{ $item->suspect_name }}</td>
                <td>{{ $item->created_at->format('d M Y') }}</td>
                <td><span class="badge badge-{{ $item->status }}"><i class="bi bi-circle-fill" style="font-size:.5rem"></i> {{ ucfirst($item->status) }}</span></td>
                <td><a href="{{ route('arrest-warrant.show', $item->id) }}" class="btn btn-secondary" style="padding:4px 10px;font-size:.78rem">Detail</a></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endif

{{-- Search Warrant Requests --}}
@if($searchWarrants->count())
<div class="card" style="margin-bottom:20px">
    <div class="card-title"><i class="bi bi-search" style="color:var(--accent)"></i> Request Search Warrant</div>
    <table class="table">
        <thead>
            <tr><th>No. Aplikasi</th><th>CID No</th><th>Lokasi</th><th>Tanggal</th><th>Status</th><th></th></tr>
        </thead>
        <tbody>
            @foreach($searchWarrants as $item)
            <tr>
                <td><code style="color:var(--accent);background:rgba(88,101,242,.1);padding:2px 7px;border-radius:4px">{{ $item->application_no }}</code></td>
                <td>{{ $item->cid_no }}</td>
                <td>{{ Str::limit($item->premises, 40) }}</td>
                <td>{{ $item->created_at->format('d M Y') }}</td>
                <td><span class="badge badge-{{ $item->status }}"><i class="bi bi-circle-fill" style="font-size:.5rem"></i> {{ ucfirst($item->status) }}</span></td>
                <td><a href="{{ route('search-warrant.show', $item->id) }}" class="btn btn-secondary" style="padding:4px 10px;font-size:.78rem">Detail</a></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endif

{{-- Case Umum --}}
@if($caseUmums->count())
<div class="card" style="margin-bottom:20px">
    <div class="card-title"><i class="bi bi-journal-text" style="color:var(--accent)"></i> Laporan Umum</div>
    <table class="table">
        <thead>
            <tr><th>No. Aplikasi</th><th>Pelapor</th><th>Tanggal</th><th>Status</th><th></th></tr>
        </thead>
        <tbody>
            @foreach($caseUmums as $item)
            <tr>
                <td><code style="color:var(--accent);background:rgba(88,101,242,.1);padding:2px 7px;border-radius:4px">{{ $item->application_no }}</code></td>
                <td>{{ $item->name }}</td>
                <td>{{ $item->created_at->format('d M Y') }}</td>
                <td><span class="badge badge-{{ $item->case_status }}"><i class="bi bi-circle-fill" style="font-size:.5rem"></i> {{ ucfirst($item->case_status) }}</span></td>
                <td><a href="{{ route('case-umum.show', $item->id) }}" class="btn btn-secondary" style="padding:4px 10px;font-size:.78rem">Detail</a></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endif

@if($expungements->isEmpty() && $arrestWarrants->isEmpty() && $searchWarrants->isEmpty() && $caseUmums->isEmpty() && $vrcRequests->isEmpty())
<div class="card" style="text-align:center;padding:48px">
    <i class="bi bi-inbox" style="font-size:3rem;color:var(--text-muted)"></i>
    <p style="margin-top:12px;color:var(--text-muted)">Belum ada pengajuan. Buat pengajuan pertama kamu di atas.</p>
</div>
@endif
@endsection