@extends('layouts.app')
@section('title', 'Central Supervision Ledger - ' . $label)

@push('styles')
<style>
    .ledger-wrap h2{font-weight:700;color:#1f2d3d}
    .ledger-table{font-size:.78rem;border-collapse:collapse;width:100%}
    .ledger-table th,.ledger-table td{border:1px solid #cbd3dd;padding:5px 7px;vertical-align:middle}
    .ledger-table thead th{background:#eef2f7;text-align:center;font-weight:700;color:#2c3e50;white-space:nowrap}
    .ledger-table tbody td{background:#fff}
    .ledger-table .tick{text-align:center;font-weight:700;color:#27ae60}
    .ledger-table .muted-cell{background:#fafbfc}
    .ledger-note{font-size:.78rem;color:#8895a7}
    @media print {
        .sidebar, .navbar-top, #sidebarToggle, .no-print { display:none !important; }
        main { margin:0 !important; max-width:100% !important; flex:0 0 100% !important; }
        .main-content { padding:0 !important; }
        @page { size: A4 landscape; margin: 10mm; }
        .ledger-table { font-size:.68rem; }
        body { background:#fff; }
    }
</style>
@endpush

@section('content')
<div class="container-fluid ledger-wrap">

    <div class="d-flex justify-content-between align-items-center mb-3 no-print">
        <div>
            <h2 class="mb-0">Central Supervision Ledger</h2>
            <div class="text-muted">{{ $label }} &middot; {{ now()->format('d M Y') }}</div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('probation.' . ($type==='orders'?'probation-orders':($type==='cso'?'cso':'aftercare')) . '.index') }}"
               class="btn btn-outline-secondary"><i class="fas fa-arrow-left"></i> Back</a>
            <button onclick="window.print()" class="btn btn-primary"><i class="fas fa-print"></i> Print</button>
        </div>
    </div>

    <div class="d-none d-print-block mb-2">
        <strong>KENYA PROBATION &amp; AFTERCARE SERVICE</strong> — Central Supervision Ledger: {{ strtoupper($label) }}
    </div>

    <div class="table-responsive">
        <table class="ledger-table">
            <thead>
                @if($isAftercare)
                    {{-- AFTERCARE variant --}}
                    <tr>
                        <th rowspan="2">Institutions No.</th>
                        <th rowspan="2">Serial No.</th>
                        <th rowspan="2">Name</th>
                        <th rowspan="2">Sex</th>
                        <th rowspan="2">Age</th>
                        <th rowspan="2">Tribe</th>
                        <th rowspan="2">ID / Passport</th>
                        <th rowspan="2">Offence / Sec.</th>
                        <th rowspan="2">CRC No.</th>
                        <th rowspan="2">Officer</th>
                        <th colspan="2">Period</th>
                        <th rowspan="2">Duration of Order</th>
                        <th colspan="3">Nature of Completion</th>
                        <th rowspan="2">Remarks</th>
                    </tr>
                    <tr>
                        <th>From</th><th>To</th>
                        <th>Satisfactory</th><th>Unsatisfactory</th><th>Absconded</th>
                    </tr>
                @else
                    {{-- PROBATION ORDERS / CSO variant --}}
                    <tr>
                        <th rowspan="2">Serial No.</th>
                        <th rowspan="2">Name</th>
                        <th rowspan="2">Sex</th>
                        <th rowspan="2">Age</th>
                        <th rowspan="2">Tribe</th>
                        <th rowspan="2">ID / Passport</th>
                        <th rowspan="2">Offence / Sec.</th>
                        <th rowspan="2">CRC No.</th>
                        <th rowspan="2">Court &amp; Judge / Magistrate</th>
                        <th colspan="3">Duration of Order</th>
                        <th rowspan="2">Extension of Order</th>
                        <th rowspan="2">Transfer</th>
                        <th rowspan="2">Officer</th>
                        <th colspan="3">Nature of Completion</th>
                        <th rowspan="2">Remarks</th>
                    </tr>
                    <tr>
                        <th>Period</th><th>Placed</th><th>Expires</th>
                        <th>Satisfactory</th><th>Unsatisfactory</th><th>Absconded</th>
                    </tr>
                @endif
            </thead>
            <tbody>
                @forelse($cases as $case)
                    @php
                        $p   = $case->prisoner;
                        $ord = $case->supervisionOrders->sortByDesc('start_date')->first();
                        $age = optional(optional($p)->dob) ? \Carbon\Carbon::parse($p->dob)->age : null;
                        $placed  = optional($ord)->start_date ? \Carbon\Carbon::parse($ord->start_date) : null;
                        $expires = optional($ord)->end_date   ? \Carbon\Carbon::parse($ord->end_date)   : null;
                        $period  = ($placed && $expires) ? $placed->diffInMonths($expires) . ' mo' : '—';
                        $idpass  = $case->national_id ?: ($case->passport_no ?: '—');
                        $mode    = optional($case->completion)->mode;
                        $remarks = optional($case->completion)->remarks;
                        $sex     = $p && $p->gender ? strtoupper(substr($p->gender, 0, 1)) : '—';
                    @endphp
                    <tr>
                        @if($isAftercare)
                            <td>{{ $case->institutions_number ?? optional($p)->prisoner_number ?? '—' }}</td>
                        @endif
                        <td><strong>{{ $case->serial_number }}</strong></td>
                        <td>{{ optional($p)->name ?? '—' }}</td>
                        <td class="text-center">{{ $sex }}</td>
                        <td class="text-center">{{ $age ?? '—' }}</td>
                        <td>{{ $case->tribe ?? '—' }}</td>
                        <td>{{ $idpass }}</td>
                        <td>{{ trim(($case->offence ?? '') . ($case->offence_section ? ' (' . $case->offence_section . ')' : '')) ?: '—' }}</td>
                        <td>{{ $case->court_case_number ?? '—' }}</td>

                        @if($isAftercare)
                            <td>{{ optional($case->officer)->name ?? '—' }}</td>
                            <td class="text-center">{{ $placed ? $placed->format('d/m/y') : '—' }}</td>
                            <td class="text-center">{{ $expires ? $expires->format('d/m/y') : '—' }}</td>
                            <td class="text-center">{{ $period }}</td>
                        @else
                            <td>{{ $case->referral_court_name ?? '—' }}</td>
                            <td class="text-center">{{ $period }}</td>
                            <td class="text-center">{{ $placed ? $placed->format('d/m/y') : '—' }}</td>
                            <td class="text-center">{{ $expires ? $expires->format('d/m/y') : '—' }}</td>
                            <td class="text-center">{{ optional($ord)->extension_to ? \Carbon\Carbon::parse($ord->extension_to)->format('d/m/y') : '—' }}</td>
                            <td class="text-center">{{ $case->status === 'transferred' ? '✓' : '' }}</td>
                            <td>{{ optional($case->officer)->name ?? '—' }}</td>
                        @endif

                        <td class="tick">{{ $mode === 'successful'   ? '✓' : '' }}</td>
                        <td class="tick">{{ $mode === 'unsuccessful' ? '✓' : '' }}</td>
                        <td class="tick">{{ $mode === 'absconded'    ? '✓' : '' }}</td>
                        <td>{{ $remarks ?? '' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="{{ $isAftercare ? 17 : 18 }}" class="text-center text-muted py-4">
                        No {{ strtolower($label) }} on the supervision ledger yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <p class="ledger-note mt-2 no-print">
        <i class="fas fa-circle-info"></i>
        Tribe, Offence / Section, ID/Passport and CRC are pulled from the case ledger (captured on registration or via
        the case Outcome). <em>Duration / Placed / Expires</em> come from the supervision order; cases without an order
        yet show “—”. <em>Nature of completion</em> reflects the recorded completion mode.
    </p>
</div>
@endsection