@extends('layouts.app')
@section('title', $title . ' - ICMIS')

@push('styles')
<style>
    @media print { .no-print { display: none !important; } .ledger-table { font-size: 10px; } }
    .ledger-table th, .ledger-table td { white-space: nowrap; vertical-align: middle; }
    .ledger-table thead th { background: #2c3e50; color: #fff; text-align: center; font-size: .78rem; }
    .ledger-table tbody td { font-size: .8rem; }
</style>
@endpush

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3 no-print">
        <h4 class="fw-bold mb-0">{{ $title }}</h4>
        <div>
            <button onclick="window.print()" class="btn btn-outline-secondary btn-sm"><i class="fas fa-print"></i> Print</button>
            <a href="{{ route('reports.probation') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-arrow-left"></i> Back</a>
        </div>
    </div>
    <h5 class="text-center d-none d-print-block mb-3">{{ strtoupper($title) }}</h5>

    <div class="card"><div class="card-body table-responsive">
        <div class="small text-muted mb-2 no-print">Status colour code (PACS guidelines):
            <span class="badge" style="background:#111">Referral</span>
            <span class="badge" style="background:#1f5fbf">Placement</span>
            <span class="badge" style="background:#8a8f98">Completion</span></div>
        <table class="table table-bordered table-sm ledger-table mb-0">
            <thead>
                <tr>
                    <th>No.</th>
                    <th>Status</th>
                    <th>Date Referred</th>
                    <th>Date Noted</th>
                    <th>Name</th>
                    <th>Tribe</th>
                    <th>Ethnicity</th>
                    <th>ID No.</th>
                    <th>Offence</th>
                    <th>Section</th>
                    <th>CRC No</th>
                    <th>PCR No.</th>
                    <th>Source of Inquiry</th>
                    <th>Court and Judge/Magistrate</th>
                    <th>Police Station</th>
                    <th>Mention Date</th>
                    <th>Probation/Community Service Officer</th>
                    <th>Type of Referral</th>
                    <th>Disposal Method</th>
                    <th>Date Case Finalized</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $r)
                    <tr>
                        <td><strong style="color:{{ $r->color_hex }}">{{ $r->case->serial_number }}</strong></td>
                        <td><span class="badge" style="background:{{ $r->color_hex }};color:#fff">{{ $r->status }}</span></td>
                        <td>{{ $r->date_referred ? \Carbon\Carbon::parse($r->date_referred)->format('d M Y') : '—' }}</td>
                        <td>{{ $r->date_noted ? \Carbon\Carbon::parse($r->date_noted)->format('d M Y') : '—' }}</td>
                        <td>{{ $r->name ?? '—' }}</td>
                        <td>{{ $r->tribe ?? '—' }}</td>
                        <td>{{ $r->ethnicity ?? '—' }}</td>
                        <td>{{ $r->id_no ?? '—' }}</td>
                        <td>{{ $r->offence ?? '—' }}</td>
                        <td>{{ $r->section ?? '—' }}</td>
                        <td>{{ $r->crc_number ?? '—' }}</td>
                        <td>{{ $r->pcr_number ?? '—' }}</td>
                        <td>{{ $r->source ?? '—' }}</td>
                        <td>{{ $r->court ?? '—' }}</td>
                        <td>{{ $r->police_station ?? '—' }}</td>
                        <td>{{ $r->mention_date ? \Carbon\Carbon::parse($r->mention_date)->format('d M Y') : '—' }}</td>
                        <td>{{ $r->officer ?? '—' }}</td>
                        <td>{{ $r->referral_type ?? '—' }}</td>
                        <td>{{ $r->disposal_method ?? '—' }}</td>
                        <td>{{ $r->date_finalized ? \Carbon\Carbon::parse($r->date_finalized)->format('d M Y') : '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="20" class="text-center text-muted py-4">No cases in this ledger yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div></div>
</div>
@endsection