@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')
@php $kind = $kind ?? 'orders'; $isCso = $kind === 'cso'; @endphp
<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="small text-muted mb-2 no-print">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>

    <div class="card"><div class="card-body table-responsive">
        <table class="table table-bordered table-sm ledger-table mb-0">
            <thead>
                <tr>
                    <th rowspan="2">Colour Code</th>
                    <th rowspan="2">Serial Number</th>
                    <th rowspan="2">Origin</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 and 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>
                    @if($isCso)
                    <th colspan="3">Community Service</th>
                    @endif
                    <th colspan="3">Nature of Completion</th>
                    <th rowspan="2">Remarks</th>
                </tr>
                <tr>
                    <th>Period</th>
                    <th>Date Placed</th>
                    <th>Date of Expiry</th>
                    @if($isCso)
                    <th>Hours Ordered</th>
                    <th>Hours Worked</th>
                    <th>Quantification (KES)</th>
                    @endif
                    <th>Satisfactory</th>
                    <th>Unsatisfactory</th>
                    <th>Absconded</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $r)
                    <tr>
                        <td><span class="badge" style="background:{{ $r->color_hex }};color:#fff">{{ $r->color_label }}</span></td>
                        <td><strong style="color:{{ $r->color_hex }}">{{ $r->case->serial_number }}</strong></td>
                        <td><span class="badge {{ $r->case->wasConverted() ? 'bg-info text-dark' : 'bg-light text-dark border' }}">{{ $r->origin }}</span></td>
                        <td>{{ $r->name ?? '—' }}</td>
                        <td>{{ $r->sex ?? '—' }}</td>
                        <td>{{ $r->age ?? '—' }}</td>
                        <td>{{ $r->tribe ?? '—' }}</td>
                        <td>{{ $r->id_passport ?? '—' }}</td>
                        <td>{{ $r->offence ?? '—' }}</td>
                        <td>{{ $r->crc_number ?? '—' }}</td>
                        <td>{{ $r->court ?? '—' }}</td>
                        <td>{{ ($r->placed && $r->expires) ? \Carbon\Carbon::parse($r->placed)->diffForHumans(\Carbon\Carbon::parse($r->expires), ['parts' => 2, 'syntax' => \Carbon\CarbonInterface::DIFF_ABSOLUTE]) : '—' }}</td>
                        <td>{{ $r->placed ? \Carbon\Carbon::parse($r->placed)->format('d M Y') : '—' }}</td>
                        <td>{{ $r->expires ? \Carbon\Carbon::parse($r->expires)->format('d M Y') : '—' }}</td>
                        <td>{{ $r->extension ? \Carbon\Carbon::parse($r->extension)->format('d M Y') : '—' }}</td>
                        <td>{{ $r->transfer ?? '—' }}</td>
                        <td>{{ $r->officer ?? '—' }}</td>
                        @if($isCso)
                        <td class="text-end">{{ $r->hours_required ?? '—' }}</td>
                        <td class="text-end">{{ $r->hours_worked }}</td>
                        <td class="text-end">{{ number_format($r->quantification, 2) }}</td>
                        @endif
                        <td class="text-center">{{ in_array($r->mode, ['successful','satisfactorily']) ? '✓' : '' }}</td>
                        <td class="text-center">{{ in_array($r->mode, ['unsuccessful','unsatisfactorily']) ? '✓' : '' }}</td>
                        <td class="text-center">{{ $r->mode === 'absconded' ? '✓' : '' }}</td>
                        <td>{{ $r->remarks ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="{{ $isCso ? 24 : 21 }}" class="text-center text-muted py-4">No cases in this ledger yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div></div>
</div>
@endsection