{{-- Overview tab: case facts · quick actions · biometrics · historical records · case timeline --}}
@php
    $timeline = collect();
    $timeline->push(['at' => $case->created_at, 'text' => 'Registered (' . $case->serial_number . ')']);
    foreach ($case->allocations as $al) {
        $timeline->push(['at' => $al->created_at, 'text' => ucwords(str_replace('_', ' ', $al->action)) . ' → ' . (optional($al->officer)->name ?? '—') . ($al->reason ? ' · ' . $al->reason : '')]);
    }
    foreach (optional($case->socialInquiry)->interviews ?? [] as $iv) {
        $timeline->push(['at' => $iv->interview_date ?? $iv->created_at, 'text' => 'Interview' . ($iv->is_draft ? ' (draft)' : '') . ' — ' . (config('probation.informants')[$iv->source_type] ?? $iv->source_type)]);
    }
    foreach ($case->assessments as $a) $timeline->push(['at' => $a->assessed_on ?? $a->created_at, 'text' => $a->tool . ' assessment — ' . ($a->risk_level ?? 'not classified')]);
    foreach ($case->conferences as $cf) $timeline->push(['at' => $cf->scheduled_for ?? $cf->created_at, 'text' => (config('probation_workflow.conference_kinds')[$cf->kind ?? 'case_conference'] ?? 'Case conference') . ' — ' . $cf->status]);
    foreach ($case->reports as $r) {
        $timeline->push(['at' => $r->created_at, 'text' => 'Report drafted: ' . $r->title]);
        if ($r->submitted_to_court_at) $timeline->push(['at' => $r->submitted_to_court_at, 'text' => 'Submitted to court: ' . $r->title]);
    }
    foreach ($case->courtOutcomes as $o) $timeline->push(['at' => $o->outcome_date ?? $o->created_at, 'text' => 'Outcome: ' . ucwords(str_replace('_', ' ', $o->outcome))]);
    foreach ($case->breaches as $b) $timeline->push(['at' => $b->reported_on, 'text' => 'Breach reported']);
    if ($case->completion) $timeline->push(['at' => $case->completion->completed_on, 'text' => 'Completed — ' . \App\Models\ProbationCase::completionLabel($case->completion->mode)]);
    $timeline = $timeline->filter(fn ($t) => $t['at'])->sortByDesc(fn ($t) => \Carbon\Carbon::parse($t['at'])->timestamp)->values();
    $canDelegate = empty($module['noDelegate']);
@endphp
<div class="row g-3">
    <div class="col-lg-4"><div class="card tab-card h-100"><div class="card-body">
        <h6 class="text-muted text-uppercase small mb-3">Case Facts</h6>
        <dl class="row mini mb-0">
            <dt class="col-5">Reference No.</dt><dd class="col-7">{{ $case->serial_number }}</dd>
            <dt class="col-5">Referral</dt><dd class="col-7">{{ $case->referral_source_label ?? '—' }}@if($case->referral_type_label)<br><small class="text-muted">{{ $case->referral_type_label }}</small>@endif</dd>
            <dt class="col-5">Court</dt><dd class="col-7">{{ $case->referral_court_name ?? '—' }}</dd>
            <dt class="col-5">Court Case No.</dt><dd class="col-7">{{ $case->court_case_number ?? '—' }}</dd>
            @if($case->place_remanded)<dt class="col-5">Place remanded</dt><dd class="col-7">{{ $case->place_remanded }}</dd>@endif
            <dt class="col-5">Date of birth / Age</dt><dd class="col-7">{{ optional(optional($case->prisoner)->dob ? \Carbon\Carbon::parse($case->prisoner->dob) : null)->format('d M Y') ?? '—' }} / {{ $case->age_years ?? '—' }}</dd>
            <dt class="col-5">Phone</dt><dd class="col-7">{{ $case->client_phone ?? '—' }}</dd>
            <dt class="col-5">Officer</dt><dd class="col-7">{{ optional($case->officer)->name ?? 'Unassigned' }}</dd>
            @if($isSup)<dt class="col-5">CPV</dt><dd class="col-7">{{ optional($case->cpv)->name ?? '—' }}</dd>@endif
            <dt class="col-5">Opened</dt><dd class="col-7">{{ optional($case->opened_at)->format('d M Y') }}</dd>
        </dl>
    </div></div></div>

    <div class="col-lg-4"><div class="card tab-card h-100"><div class="card-body">
        <h6 class="text-muted text-uppercase small mb-3">Quick Actions</h6>
        <div class="d-grid gap-2">
            <button class="btn btn-outline-primary btn-sm" data-bs-toggle="collapse" data-bs-target="#allocBox">{{ $case->assigned_officer_id ? 'Re-allocate officer' : 'Allocate officer' }}</button>
            <div class="collapse" id="allocBox">
                <form method="POST" action="{{ route('probation.cases.allocate', $case->id) }}" class="mt-1">
                    @csrf
                    <select name="officer_id" class="form-select form-select-sm mb-1" required>
                        <option value="">Select officer…</option>
                        @foreach($officers as $o)<option value="{{ $o->id }}" {{ $case->assigned_officer_id == $o->id ? 'selected' : '' }}>{{ $o->name }}</option>@endforeach
                    </select>
                    <input name="reason" class="form-control form-control-sm mb-1" placeholder="Reason (optional)">
                    <button class="btn btn-primary btn-sm w-100">Save</button>
                </form>
            </div>

            <button class="btn btn-outline-dark btn-sm" data-bs-toggle="collapse" data-bs-target="#transBox">Transfer</button>
            <div class="collapse" id="transBox">
                <form method="POST" action="{{ route('probation.cases.transfer', $case->id) }}" class="mt-1" id="transferForm">
                    @csrf
                    <select name="transfer_to" class="form-select form-select-sm mb-1" required onchange="document.querySelectorAll('#transferForm [data-to]').forEach(function(e){e.classList.toggle('d-none', e.dataset.to!==this.value)}.bind(this))">
                        <option value="officer">To another officer</option>
                        <option value="station">To another station / county office</option>
                        @if($isCso)<option value="agency">To another work agency</option>@endif
                    </select>
                    <div data-to="officer"><select name="officer_id" class="form-select form-select-sm mb-1"><option value="">Officer…</option>@foreach($officers as $o)<option value="{{ $o->id }}">{{ $o->name }}</option>@endforeach</select></div>
                    <div data-to="station" class="d-none"><select name="to_branch_id" class="form-select form-select-sm mb-1"><option value="">Station…</option>@foreach($branches as $b)@if($b->id != $case->branch_id)<option value="{{ $b->id }}">{{ $b->branch_name }}</option>@endif @endforeach</select></div>
                    @if($isCso)<div data-to="agency" class="d-none"><select name="agency_id" class="form-select form-select-sm mb-1"><option value="">Work agency…</option>@foreach($agencies as $ag)<option value="{{ $ag->id }}">{{ $ag->name }}</option>@endforeach</select></div>@endif
                    <input name="reason" class="form-control form-control-sm mb-1" placeholder="Reason">
                    <button class="btn btn-dark btn-sm w-100" onclick="return confirm('Transfer this case?')">Transfer</button>
                </form>
            </div>

            @if($canDelegate)
            <button class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#delBox">Delegate</button>
            <div class="collapse" id="delBox">
                <form method="POST" action="{{ route('probation.cases.delegate', $case->id) }}" class="mt-1">
                    @csrf
                    <select name="officer_id" class="form-select form-select-sm mb-1" required>
                        <option value="">Officer…</option>
                        @foreach($officers as $o)<option value="{{ $o->id }}">{{ $o->name }}</option>@endforeach
                    </select>
                    <input name="reason" class="form-control form-control-sm mb-1" placeholder="Reason">
                    <button class="btn btn-secondary btn-sm w-100">Delegate</button>
                </form>
            </div>
            @endif

            <button class="btn btn-outline-info btn-sm" data-bs-toggle="collapse" data-bs-target="#bioBox">Photo &amp; biometrics</button>
            <div class="collapse" id="bioBox">
                <form method="POST" action="{{ route('probation.cases.photo', $case->id) }}" enctype="multipart/form-data" class="mt-1" id="bioForm">
                    @csrf
                    <input type="file" name="photo" accept="image/*" capture="user" class="form-control form-control-sm mb-1">
                    <input type="hidden" name="photo_data" id="photoData">
                    <div class="d-flex gap-1 mb-1">
                        <button type="button" class="btn btn-sm btn-outline-secondary" id="camBtn"><i class="fas fa-camera"></i> Use camera</button>
                    </div>
                    <video id="camVideo" class="w-100 d-none mb-1" autoplay playsinline style="border-radius:8px"></video>
                    <input name="fingerprint_ref" class="form-control form-control-sm mb-1" value="{{ $case->fingerprint_ref }}" placeholder="Fingerprint reference (from scanner)">
                    <div class="form-text mb-1">Fingerprint capture needs a scanner integration — record the scanner's reference here until then.</div>
                    <button class="btn btn-info btn-sm w-100">Save</button>
                </form>
            </div>
        </div>
    </div></div></div>

    <div class="col-lg-4"><div class="card tab-card h-100"><div class="card-body">
        <h6 class="text-muted text-uppercase small mb-3">Case timeline</h6>
        <ul class="list-unstyled timeline mini mb-0" style="max-height:330px;overflow:auto">
            @forelse($timeline as $t)
                <li>{{ $t['text'] }}<div class="text-muted">{{ \Carbon\Carbon::parse($t['at'])->format('d M Y') }}</div></li>
            @empty<li class="text-muted">No history yet.</li>@endforelse
        </ul>
    </div></div></div>

    <div class="col-12"><div class="card tab-card"><div class="card-body">
        <h6 class="text-muted text-uppercase small mb-2">Historical records</h6>
        @if($history->count())
            <div class="table-responsive"><table class="table table-sm mini mb-1">
                <thead class="table-light"><tr><th>Ref. No.</th><th>Module</th><th>Offence</th><th>Status</th><th>Opened</th></tr></thead>
                <tbody>
                @foreach($history as $h)
                    <tr><td><a href="{{ route('probation.' . \App\Models\ProbationCase::routeKeyForType($h->case_type) . '.show', $h->id) }}">{{ $h->serial_number }}</a></td>
                        <td>{{ \App\Models\ProbationCase::labelForType($h->case_type) }}</td><td>{{ $h->offence }}</td>
                        <td>{{ $h->status_label }}</td><td>{{ optional($h->opened_at)->format('d M Y') }}</td></tr>
                @endforeach
                </tbody>
            </table></div>
        @else
            <p class="text-muted mini mb-1">No earlier cases for this person in ICMIS.</p>
        @endif
        <div class="form-text">Records from other jurisdictions (Kenya Police, Kenya Prisons) need an integration with those systems — pending.</div>
    </div></div></div>
</div>

<script>
(function () {
    var btn = document.getElementById('camBtn'); if (!btn) return;
    var video = document.getElementById('camVideo'), data = document.getElementById('photoData'), stream = null;
    btn.addEventListener('click', function () {
        if (!stream) {
            navigator.mediaDevices.getUserMedia({ video: true }).then(function (s) {
                stream = s; video.srcObject = s; video.classList.remove('d-none'); btn.innerHTML = '<i class="fas fa-circle-dot"></i> Take photo';
            }).catch(function () { alert('Camera not available — upload a photo instead.'); });
            return;
        }
        var c = document.createElement('canvas'); c.width = video.videoWidth; c.height = video.videoHeight;
        c.getContext('2d').drawImage(video, 0, 0); data.value = c.toDataURL('image/jpeg', 0.85);
        stream.getTracks().forEach(function (t) { t.stop(); }); stream = null; video.classList.add('d-none');
        btn.innerHTML = '<i class="fas fa-check"></i> Photo taken';
    });
})();
</script>