{{-- Probation dashboard: analytics by station / county / region / national, case status overview,
     pending approvals and alerts. --}}
@extends('layouts.app')
@section('title', 'Probation Dashboard - ICMIS')
@push('styles') @include('probation._styles') @endpush
@section('content')
@php
    $max = max(1, $byType->max() ?? 1);
    $statusMax = max(1, collect($statusOverview)->max() ?? 1);
@endphp
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
        <h2 class="fw-bold mb-0">Probation &amp; Aftercare Dashboard</h2>
        <div class="d-flex gap-2 flex-wrap">
            <a href="{{ route('probation.dashboard.cso', request()->query()) }}" class="btn btn-outline-success btn-sm"><i class="fas fa-people-carry-box"></i> CSO dashboard</a>
            <a href="{{ route('probation.statistics', request()->query()) }}" class="btn btn-outline-primary btn-sm"><i class="fas fa-chart-column"></i> Statistics</a>
            <a href="{{ route('probation.case-reports.inbox') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-inbox"></i> Approvals &amp; inbox</a>
        </div>
    </div>

    @include('probation.dashboard._filters')

    <div class="row g-3 mb-3">
        <div class="col-6 col-md-2"><div class="card pkpi grad-blue"><div class="card-body"><h6>Total cases</h6><h3>{{ $total }}</h3><small>in scope</small></div></div></div>
        <div class="col-6 col-md-2"><a class="text-decoration-none" href="{{ route('probation.case-reports.inbox') }}"><div class="card pkpi grad-amber"><div class="card-body"><h6>Pending approvals</h6><h3>{{ $pendingApprovals }}</h3><small>reports in the ladder</small></div></div></a></div>
        <div class="col-6 col-md-2"><div class="card pkpi grad-purple"><div class="card-body"><h6>Returned</h6><h3>{{ $returned }}</h3><small>need revision</small></div></div></div>
        <div class="col-6 col-md-2"><div class="card pkpi grad-teal"><div class="card-body"><h6>Conference requests</h6><h3>{{ $confRequests }}</h3><small>awaiting approval</small></div></div></div>
        <div class="col-6 col-md-2"><div class="card pkpi grad-red"><div class="card-body"><h6>Breaches</h6><h3>{{ $openBreaches }}</h3><small>reported</small></div></div></div>
        <div class="col-6 col-md-2"><a class="text-decoration-none" href="{{ route('probation.dashboard.cso', request()->query()) }}"><div class="card pkpi grad-green"><div class="card-body"><h6>CSO value</h6><h3 style="font-size:1.25rem">KSh {{ number_format($cso['totalValue']) }}</h3><small>work done</small></div></div></a></div>
    </div>

    <div class="row g-3">
        <div class="col-lg-4"><div class="card pcard h-100"><div class="card-header">Case status overview</div><div class="card-body">
            @forelse($statusOverview as $label => $n)
                <div class="d-flex justify-content-between small"><span>{{ $label }}</span><strong>{{ $n }}</strong></div>
                <div class="progress mb-2" style="height:6px"><div class="progress-bar" style="width:{{ round(100 * $n / $statusMax) }}%"></div></div>
            @empty<p class="text-muted small mb-0">No cases.</p>@endforelse
        </div></div></div>

        <div class="col-lg-4"><div class="card pcard h-100"><div class="card-header">Cases by module</div><div class="card-body">
            @forelse($byType as $t => $n)
                <div class="d-flex justify-content-between small"><span>{{ $types[$t] ?? $t }}</span><strong>{{ $n }}</strong></div>
                <div class="progress mb-2" style="height:6px"><div class="progress-bar bg-success" style="width:{{ round(100 * $n / $max) }}%"></div></div>
            @empty<p class="text-muted small mb-0">No cases.</p>@endforelse
        </div></div></div>

        <div class="col-lg-4"><div class="card pcard h-100"><div class="card-header d-flex justify-content-between"><span>Alerts</span><span class="badge bg-danger">{{ $alerts->count() }}</span></div>
            <div class="card-body p-0" style="max-height:360px;overflow:auto">
            @forelse($alerts->take(60) as $a)
                <a href="{{ route('probation.' . \App\Models\ProbationCase::routeKeyForType($a['case']->case_type) . '.show', $a['case']->id) }}" class="d-block px-3 py-2 border-bottom small text-decoration-none text-reset">
                    <span class="badge bg-{{ $a['level'] }} me-1">&nbsp;</span><strong>{{ $a['case']->serial_number }}</strong> {{ optional($a['case']->prisoner)->name }}
                    <div class="text-muted">{{ $a['text'] }}</div></a>
            @empty<p class="text-muted small p-3 mb-0">No alerts.</p>@endforelse
            </div></div></div>

        <div class="col-12"><div class="card pcard"><div class="card-header">By station</div><div class="card-body p-0"><div class="table-responsive">
            <table class="table table-sm table-hover mb-0 small">
                <thead class="table-light"><tr><th>Station</th><th>County</th><th>Region</th>
                    @foreach($types as $t => $l)<th class="text-center">{{ $l }}</th>@endforeach<th class="text-center">Total</th></tr></thead>
                <tbody>
                @forelse($byStation as $bid => $counts)
                    @php $b = $branches[$bid] ?? null; @endphp
                    <tr><td>{{ optional($b)->branch_name ?? '—' }}</td><td>{{ optional($b)->county ?? '—' }}</td><td>{{ optional($b)->region ?? '—' }}</td>
                        @foreach($types as $t => $l)<td class="text-center">{{ $counts[$t] ?? 0 }}</td>@endforeach
                        <td class="text-center fw-bold">{{ $counts->sum() }}</td></tr>
                @empty<tr><td colspan="{{ 4 + count($types) }}" class="text-center text-muted py-3">No data.</td></tr>@endforelse
                </tbody>
            </table></div></div></div></div>

        <div class="col-12"><div class="card pcard"><div class="card-header">Recently registered</div><div class="card-body p-0">
            <table class="table table-sm mb-0 small"><tbody>
            @foreach($recent as $c)
                <tr><td><a href="{{ route('probation.' . \App\Models\ProbationCase::routeKeyForType($c->case_type) . '.show', $c->id) }}">{{ $c->serial_number }}</a></td>
                    <td>{{ optional($c->prisoner)->name }}</td><td>{{ $types[$c->case_type] ?? $c->case_type }}</td>
                    <td>{{ optional($c->officer)->name ?? 'Unassigned' }}</td><td>{{ $c->status_label }}</td><td>{{ $c->created_at->format('d M Y') }}</td></tr>
            @endforeach
            </tbody></table>
        </div></div></div>
    </div>
</div>
@endsection