{{-- CSO dashboard: economic value of community service work, quantification (KSh vs hours),
     progress tracker (hours completed vs hours placed), skills / employment linkage / tools. --}}
@extends('layouts.app')
@section('title', 'CSO Dashboard - ICMIS')
@push('styles') @include('probation._styles') @endpush
@section('content')
@php
    $maxAgency = max(1, $cso['byAgency']->max('value') ?? 1);
    $maxMonth = max(1, $cso['byMonth']->max() ?? 1);
    $overall = $cso['totalOrdered'] > 0 ? min(100, round(100 * $cso['totalWorked'] / $cso['totalOrdered'])) : 0;
@endphp
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <h2 class="fw-bold mb-0">Community Service Orders — Dashboard</h2>
        <div class="d-flex gap-2"><a href="{{ route('probation.dashboard', request()->query()) }}" class="btn btn-outline-secondary btn-sm">Main dashboard</a>
            <button onclick="window.print()" class="btn btn-outline-secondary btn-sm"><i class="fas fa-print"></i></button></div>
    </div>
    @include('probation.dashboard._filters')

    <div class="row g-3 mb-3">
        <div class="col-6 col-md-3"><div class="card pkpi grad-green"><div class="card-body"><h6>Economic value generated</h6><h3>KSh {{ number_format($cso['totalValue'], 2) }}</h3><small>hours worked × area rate</small></div></div></div>
        <div class="col-6 col-md-3"><div class="card pkpi grad-blue"><div class="card-body"><h6>Hours completed</h6><h3>{{ number_format($cso['totalWorked']) }}</h3><small>of {{ number_format($cso['totalOrdered']) }} hours placed</small></div></div></div>
        <div class="col-6 col-md-3"><div class="card pkpi grad-teal"><div class="card-body"><h6>Skills transferred</h6><h3>{{ $cso['skills'] }}</h3><small>offenders · {{ $cso['linkages'] }} employment linkages</small></div></div></div>
        <div class="col-6 col-md-3"><div class="card pkpi grad-amber"><div class="card-body"><h6>Tools / equipment / capital</h6><h3>{{ $cso['tools'] }}</h3><small>empowerment items</small></div></div></div>
    </div>

    <div class="card pcard mb-3"><div class="card-body">
        <div class="d-flex justify-content-between small"><strong>Overall progress — hours completed vs total hours placed</strong><span>{{ $overall }}%</span></div>
        <div class="progress" style="height:20px"><div class="progress-bar bg-success" style="width:{{ $overall }}%"></div></div>
    </div></div>

    <div class="row g-3 mb-3">
        <div class="col-lg-6"><div class="card pcard h-100"><div class="card-header">Value of work by agency</div><div class="card-body">
            @forelse($cso['byAgency'] as $name => $v)
                <div class="d-flex justify-content-between small"><span>{{ $name }}</span><span>KSh {{ number_format($v['value'], 2) }} · {{ rtrim(rtrim(number_format($v['hours'], 1), '0'), '.') }} hrs</span></div>
                <div class="progress mb-2" style="height:6px"><div class="progress-bar bg-success" style="width:{{ round(100 * $v['value'] / $maxAgency) }}%"></div></div>
            @empty<p class="text-muted small mb-0">No work recorded yet.</p>@endforelse
        </div></div></div>
        <div class="col-lg-6"><div class="card pcard h-100"><div class="card-header">Value of work by month (daily work record)</div><div class="card-body">
            @forelse($cso['byMonth'] as $m => $v)
                <div class="d-flex justify-content-between small"><span>{{ \Carbon\Carbon::createFromFormat('Y-m', $m)->format('M Y') }}</span><span>KSh {{ number_format($v, 2) }}</span></div>
                <div class="progress mb-2" style="height:6px"><div class="progress-bar" style="width:{{ round(100 * $v / $maxMonth) }}%"></div></div>
            @empty<p class="text-muted small mb-0">No daily work records yet (CSO Quantification tab → Work record).</p>@endforelse
        </div></div></div>
    </div>

    <div class="card pcard"><div class="card-header">Progress tracker per offender</div><div class="card-body p-0"><div class="table-responsive">
        <table class="table table-sm table-hover mb-0 small align-middle">
            <thead class="table-light"><tr><th>Ref. No.</th><th>Name</th><th>Agency</th><th style="width:26%">Hours completed / placed</th><th class="text-end">Value (KSh)</th><th>Skills transferred</th><th>Employment linkage</th></tr></thead>
            <tbody>
            @forelse($cso['rows']->sortByDesc(fn ($r) => $r->case->id) as $r)
                <tr>
                    <td><a href="{{ route('probation.cso.show', $r->case->id) }}">{{ $r->case->serial_number }}</a></td>
                    <td>{{ optional($r->case->prisoner)->name }}</td><td>{{ $r->agency ?? '—' }}</td>
                    <td>@if($r->pct !== null)
                        <div class="progress" style="height:14px"><div class="progress-bar {{ $r->pct >= 100 ? 'bg-success' : '' }}" style="width:{{ $r->pct }}%">{{ $r->pct }}%</div></div>
                        <span class="text-muted">{{ rtrim(rtrim(number_format($r->worked, 1), '0'), '.') }} / {{ rtrim(rtrim(number_format($r->ordered, 1), '0'), '.') }}</span>
                        @else — @endif</td>
                    <td class="text-end">{{ number_format($r->value, 2) }}</td>
                    <td>{{ $r->skills ?: '—' }}</td><td>{{ $r->linkage ?: '—' }}</td>
                </tr>
            @empty<tr><td colspan="7" class="text-center text-muted py-3">No CSO cases in this scope.</td></tr>@endforelse
            </tbody>
        </table>
    </div></div></div>
</div>
@endsection