{{-- resources/views/probation/supervision/index.blade.php
     Supervision module — every case under supervision (Probation Orders, CSO, Aftercare). --}}
@extends('layouts.app')
@section('title', 'Supervision - ICMIS')
@push('styles') @include('probation._styles') @endpush
@section('content')
@php $types = config('probation.case_types'); @endphp
<div class="container-fluid">
    <div class="pcase-hero grad-teal mb-4">
        <div class="d-flex align-items-center gap-3">
            <div class="hicon"><i class="fas fa-eye"></i></div>
            <div><h2>Supervision</h2>
                <div class="tagline">All cases under supervision — Probation Orders, Community Service Orders and Aftercare.</div></div>
        </div>
        <div class="intro mt-2">Open a case to record PR 2A supervision notes, interventions, empowerment, breaches and completion.</div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-6 col-md-3"><a class="text-decoration-none" href="{{ route('probation.supervision.index', ['case_type' => 'probation_order']) }}"><div class="card pkpi grad-teal"><div class="card-body"><h6>Probation Orders</h6><h3>{{ $counts['probation_order'] }}</h3><small>under supervision</small></div></div></a></div>
        <div class="col-6 col-md-3"><a class="text-decoration-none" href="{{ route('probation.supervision.index', ['case_type' => 'community_service']) }}"><div class="card pkpi grad-green"><div class="card-body"><h6>Community Service</h6><h3>{{ $counts['community_service'] }}</h3><small>under supervision</small></div></div></a></div>
        <div class="col-6 col-md-3"><a class="text-decoration-none" href="{{ route('probation.supervision.index', ['case_type' => 'aftercare_borstal']) }}"><div class="card pkpi grad-purple"><div class="card-body"><h6>Aftercare</h6><h3>{{ $counts['aftercare_borstal'] }}</h3><small>under supervision</small></div></div></a></div>
        <div class="col-6 col-md-3"><div class="card pkpi grad-red"><div class="card-body"><h6>Breached</h6><h3>{{ $counts['breached'] }}</h3><small>need action</small></div></div></div>
    </div>

    <div class="card pcard mb-3"><div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-5"><label class="form-label small mb-1">Search</label>
                <input name="search" value="{{ request('search') }}" class="form-control form-control-sm" placeholder="Name or case number…"></div>
            <div class="col-md-3"><label class="form-label small mb-1">Module</label>
                <select name="case_type" class="form-select form-select-sm"><option value="">All supervision</option>
                    @foreach($streams as $t)<option value="{{ $t }}" {{ request('case_type') === $t ? 'selected' : '' }}>{{ $types[$t] ?? $t }}</option>@endforeach
                </select></div>
            <div class="col-md-2"><label class="form-label small mb-1">Show</label>
                <select name="show" class="form-select form-select-sm">
                    <option value="">Active only</option><option value="all" {{ request('show') === 'all' ? 'selected' : '' }}>Include completed</option>
                </select></div>
            <div class="col-md-2 d-grid"><button class="btn btn-primary btn-sm"><i class="fas fa-filter"></i> Filter</button></div>
        </form>
    </div></div>

    <div class="card pcard"><div class="card-body p-0"><div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light"><tr>
                <th>Serial</th><th>Name</th><th>Module</th><th>Date placed</th><th>Date of expiry</th>
                <th>Officer</th><th>PR 2A</th><th>Status</th><th class="text-end"></th></tr></thead>
            <tbody>
            @forelse($cases as $c)
                @php $o = $c->supervisionOrders->sortByDesc('created_at')->first(); @endphp
                <tr>
                    <td><span class="d-inline-block rounded-circle me-1" style="width:10px;height:10px;background:{{ $c->colorHex() }}" title="{{ $c->colorLabel() }}"></span><strong>{{ $c->serial_number }}</strong></td>
                    <td>{{ optional($c->prisoner)->name }}<br><small class="text-muted">{{ $c->crc_number ?? $c->court_case_number }}</small></td>
                    <td>{{ $types[$c->case_type] ?? $c->case_type }}@if($c->aftercare_category)<br><small class="text-muted">{{ config('probation.aftercare_categories')[$c->aftercare_category] ?? '' }}</small>@endif</td>
                    <td>{{ optional(optional($o)->start_date)->format('d M Y') ?? '—' }}</td>
                    <td>{{ optional(optional($o)->extension_to ?? optional($o)->end_date)->format('d M Y') ?? '—' }}</td>
                    <td>{{ optional($c->officer)->name ?? 'Unassigned' }}</td>
                    <td>{{ $c->supervisionOrders->sum(fn ($so) => $so->notes->count()) }}</td>
                    <td><span class="badge {{ $c->getStatusBadgeClass() }}">{{ ucwords(str_replace('_',' ',$c->status)) }}</span></td>
                    <td class="text-end"><a href="{{ route('probation.' . \App\Models\ProbationCase::routeKeyForType($c->case_type) . '.show', $c->id) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-folder-open"></i></a></td>
                </tr>
            @empty<tr><td colspan="9" class="text-center text-muted py-4">No cases under supervision.</td></tr>@endforelse
            </tbody>
        </table>
    </div></div>
    @if($cases->hasPages())<div class="card-footer bg-white">{{ $cases->links('pagination::bootstrap-4') }}</div>@endif
    </div>
</div>
@endsection