{{-- Supervision tab: PR 2 · PR 2A · Orders · Breaches · Treatment Plan (Tool C) · CPV · Comments & inspection · Monitoring & SMS --}}
@php
    $triggers = config('probation_workflow.order_triggers');
    $kindsI   = config('probation_workflow.inspection_kinds');
    $cpvUsers = \App\Models\User::where('branch_id', $case->branch_id)->orderBy('name')->get(['id', 'name', 'role']);
    $smsTpl   = config('probation_workflow.sms.templates');
@endphp
<ul class="nav nav-tabs sub-tabs mb-0" id="svTabs">
    <li class="nav-item"><button type="button" class="nav-link active" data-bs-toggle="tab" data-bs-target="#sv-pr2">PR 2</button></li>
    <li class="nav-item"><button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#sv-pr2a">PR 2A</button></li>
    <li class="nav-item"><button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#sv-orders">Orders</button></li>
    <li class="nav-item"><button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#sv-breaches">Breaches
        @if($case->breaches->count())<span class="badge bg-danger ms-1">{{ $case->breaches->count() }}</span>@endif</button></li>
    <li class="nav-item"><button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#sv-plan">Treatment Plan (Tool C)
        @if($case->treatmentPlan->count())<span class="badge bg-success ms-1">{{ $case->treatmentPlan->count() }}</span>@endif</button></li>
    <li class="nav-item"><button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#sv-cpv">CPV</button></li>
    <li class="nav-item"><button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#sv-inspect">Comments &amp; inspection</button></li>
    <li class="nav-item"><button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#sv-em">Monitoring &amp; SMS</button></li>
</ul>
<div class="tab-content">
    <div class="tab-pane fade show active" id="sv-pr2">@include('probation.cases._pr2', ['case' => $case])</div>
    <div class="tab-pane fade" id="sv-pr2a">@include('probation.cases._pr2a', ['case' => $case])</div>

    {{-- ORDERS --}}
    <div class="tab-pane fade" id="sv-orders"><div class="card tab-card"><div class="card-body">
        <h6 class="text-uppercase small text-muted mb-3">Supervision orders</h6>
        @forelse($case->supervisionOrders->sortBy('start_date') as $so)
            <div class="border rounded p-2 mb-2 mini d-flex justify-content-between flex-wrap gap-2">
                <div>
                    <strong>{{ $triggers[$so->triggered_by] ?? ucwords(str_replace('_',' ',$so->triggered_by)) }}</strong> ·
                    Placed {{ optional($so->start_date)->format('d M Y') ?? '—' }} · Expected date of expiry {{ optional($so->end_date)->format('d M Y') ?? '—' }}
                    @if($so->extension_to) · extended to {{ optional($so->extension_to)->format('d M Y') }}@endif
                    <span class="badge bg-primary">{{ ucfirst($so->status) }}</span>
                </div>
                <form method="POST" action="{{ route('probation.supervision.extend', $so->id) }}" class="d-flex gap-1">@csrf
                    <input type="date" name="extension_to" class="form-control form-control-sm" required title="Extend to">
                    <button class="btn btn-sm btn-outline-primary text-nowrap">Extend</button>
                </form>
            </div>
        @empty<p class="text-muted mini">No supervision order yet — one is created automatically with the first PR 2A record, or add it below.</p>@endforelse

        <div class="row g-3 mt-1">
            <div class="col-lg-7">
                <form method="POST" action="{{ route('probation.supervision.order.store') }}" class="row g-1">
                    @csrf <input type="hidden" name="case_id" value="{{ $case->id }}">
                    <div class="col-12 small fw-bold">New supervision order</div>
                    <div class="col-md-4"><select name="triggered_by" class="form-select form-select-sm">
                        @foreach($triggers as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
                    <div class="col-md-3"><input type="date" name="start_date" class="form-control form-control-sm" title="Date placed"></div>
                    <div class="col-md-3"><input type="date" name="end_date" class="form-control form-control-sm" title="Expected date of expiry"></div>
                    <div class="col-md-2"><button class="btn btn-sm btn-success w-100">Create</button></div>
                    <div class="col-12 form-text">Choose “Voluntary supervision” for clients supervised without a court order.</div>
                </form>
            </div>
            <div class="col-lg-5">
                <form method="POST" action="{{ route('probation.cases.intensity', $case->id) }}" class="row g-1">
                    @csrf
                    <div class="col-12 small fw-bold">Intensity of supervision</div>
                    <div class="col-8"><select name="intensity" class="form-select form-select-sm">
                        @foreach(['high' => 'High', 'moderate' => 'Moderate', 'low' => 'Low'] as $k => $l)<option value="{{ $k }}" {{ $case->intensity === $k ? 'selected' : '' }}>{{ $l }}</option>@endforeach
                    </select></div>
                    <div class="col-4"><button class="btn btn-sm btn-primary w-100">Set</button></div>
                </form>
            </div>
        </div>
    </div></div></div>

    {{-- BREACHES --}}
    <div class="tab-pane fade" id="sv-breaches"><div class="card tab-card"><div class="card-body">
        <h6 class="text-uppercase small text-muted mb-3">Breaches &amp; warrants</h6>
        @forelse($case->breaches->sortByDesc('reported_on') as $b)
            <div class="border rounded p-2 mb-2 mini">
                <strong>{{ optional($b->reported_on)->format('d M Y') }}</strong> — {{ $b->description }}
                <span class="badge bg-secondary">{{ ucwords(str_replace('_',' ',$b->action ?? 'under review')) }}</span>
                <div class="text-muted">Warrant applied: {{ optional($b->warrant_applied_on)->format('d M Y') ?? '—' }}
                    @if($b->warrant_file_path) · <a href="{{ asset('storage/'.$b->warrant_file_path) }}" target="_blank"><i class="fas fa-file-pdf"></i> Scanned warrant</a>@endif</div>
                <form method="POST" action="{{ route('probation.supervision.breach.warrant', $b->id) }}" enctype="multipart/form-data" class="row g-1 mt-1">
                    @csrf
                    <div class="col-md-3"><input type="date" name="warrant_applied_on" class="form-control form-control-sm" value="{{ optional($b->warrant_applied_on)->format('Y-m-d') }}"></div>
                    <div class="col-md-6"><input type="file" name="warrant_file" accept=".pdf,image/*" class="form-control form-control-sm"></div>
                    <div class="col-md-3"><button class="btn btn-sm btn-outline-danger w-100">Save warrant</button></div>
                </form>
            </div>
        @empty<p class="text-muted mini">No breaches reported.</p>@endforelse

        <form method="POST" action="{{ route('probation.supervision.breach', $case->id) }}" enctype="multipart/form-data" class="row g-1 mt-2 border-top pt-2">
            @csrf
            <div class="col-12 small fw-bold">Report a breach → warning / warrant of arrest / discharge of order</div>
            <div class="col-md-6"><input name="description" class="form-control form-control-sm" placeholder="Breach description" required></div>
            <div class="col-md-3"><select name="action" class="form-select form-select-sm">
                <option value="warning">Warning</option><option value="warrant_of_arrest">Warrant of arrest</option>
                <option value="discharge_of_order">Discharge of order</option></select></div>
            <div class="col-md-3"><input type="date" name="warrant_applied_on" class="form-control form-control-sm" title="Date warrant applied"></div>
            <div class="col-md-9"><input type="file" name="warrant_file" accept=".pdf,image/*" class="form-control form-control-sm" title="Scanned copy of warrant of arrest"></div>
            <div class="col-md-3"><button class="btn btn-sm btn-danger w-100">Report breach</button></div>
        </form>
    </div></div></div>

    <div class="tab-pane fade" id="sv-plan">@include('probation.cases._treatment_plan', ['case' => $case])</div>

    {{-- CPV --}}
    <div class="tab-pane fade" id="sv-cpv"><div class="card tab-card"><div class="card-body">
        <h6 class="text-uppercase small text-muted mb-2">Community Probation Volunteer (CPV)</h6>
        @unless(auth()->user()->isCpv())
        <form method="POST" action="{{ route('probation.cases.cpv.assign', $case->id) }}" class="row g-1 mb-3">
            @csrf
            <div class="col-md-8"><select name="cpv_user_id" class="form-select form-select-sm">
                <option value="">— No CPV attached —</option>
                @foreach($cpvUsers as $u)<option value="{{ $u->id }}" {{ $case->cpv_user_id == $u->id ? 'selected' : '' }}>{{ $u->name }}{{ $u->role === 'cpv' ? ' (CPV)' : '' }}</option>@endforeach
            </select></div>
            <div class="col-md-4"><button class="btn btn-sm btn-outline-primary w-100">Attach CPV</button></div>
            <div class="col-12 form-text">A CPV user (role “cpv”) only sees the cases they are attached to, and can only add comments.</div>
        </form>
        @endunless
        @forelse($case->cpvComments as $cm)
            <div class="border-bottom py-2 mini"><div style="white-space:pre-line">{{ $cm->comment }}</div>
                <div class="text-muted">{{ optional($cm->user)->name }} · {{ optional($cm->visited_on)->format('d M Y') ?? $cm->created_at->format('d M Y') }}</div></div>
        @empty<p class="text-muted mini">No CPV comments yet.</p>@endforelse
        <form method="POST" action="{{ route('probation.cases.cpv.comment', $case->id) }}" class="row g-1 mt-2">
            @csrf
            <div class="col-md-3"><input type="date" name="visited_on" class="form-control form-control-sm" value="{{ now()->format('Y-m-d') }}" title="Date of visit"></div>
            <div class="col-md-7"><textarea name="comment" rows="1" class="form-control form-control-sm" placeholder="CPV comment" required></textarea></div>
            <div class="col-md-2"><button class="btn btn-sm btn-primary w-100">Add</button></div>
        </form>
    </div></div></div>

    {{-- SUPERVISOR COMMENTS / INSPECTION, AGENCY & OFFICER COMMENTS --}}
    <div class="tab-pane fade" id="sv-inspect"><div class="card tab-card"><div class="card-body">
        <h6 class="text-uppercase small text-muted mb-2">Supervisor's comments, inspection &amp; evaluation of work done</h6>
        @forelse($case->inspections as $in)
            <div class="border rounded p-2 mb-2 mini">
                <strong>{{ $kindsI[$in->kind] ?? $in->kind }}</strong>
                @if($in->level) · {{ ucfirst($in->level) }} level @endif
                · {{ optional($in->inspected_on)->format('d M Y') }} · {{ $in->by_name ?: optional($in->user)->name }}
                @if($in->rating)<span class="badge bg-info text-dark">{{ $in->rating }}</span>@endif
                <div style="white-space:pre-line">{{ $in->findings }}</div>
                @if($in->recommendations)<div class="text-muted"><em>Recommendations:</em> {{ $in->recommendations }}</div>@endif
            </div>
        @empty<p class="text-muted mini">No comments or inspections yet.</p>@endforelse
        <form method="POST" action="{{ route('probation.cases.inspection', $case->id) }}" class="row g-1 mt-2 border-top pt-2">
            @csrf
            <div class="col-md-4"><select name="kind" class="form-select form-select-sm">
                @foreach($kindsI as $k => $l)@if($isCso || !in_array($k, ['agency_supervisor', 'cso_officer']))<option value="{{ $k }}">{{ $l }}</option>@endif @endforeach</select></div>
            <div class="col-md-2"><select name="level" class="form-select form-select-sm"><option value="">Level…</option>
                @foreach(config('probation_workflow.inspection_levels') as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
            <div class="col-md-3"><input name="by_name" class="form-control form-control-sm" placeholder="Name (if not you)"></div>
            <div class="col-md-3"><input type="date" name="inspected_on" class="form-control form-control-sm" value="{{ now()->format('Y-m-d') }}"></div>
            <div class="col-md-6"><textarea name="findings" rows="2" class="form-control form-control-sm" placeholder="Comments / findings" required></textarea></div>
            <div class="col-md-4"><textarea name="recommendations" rows="2" class="form-control form-control-sm" placeholder="Recommendations"></textarea></div>
            <div class="col-md-2"><input name="rating" class="form-control form-control-sm mb-1" placeholder="Rating"><button class="btn btn-sm btn-primary w-100">Save</button></div>
        </form>
    </div></div></div>

    {{-- ELECTRONIC MONITORING & SMS --}}
    <div class="tab-pane fade" id="sv-em"><div class="card tab-card"><div class="card-body">
        <div class="row g-4">
            <div class="col-lg-6">
                <h6 class="text-uppercase small text-muted mb-2">Electronic (GPS) monitoring</h6>
                @forelse($case->monitoring as $em)
                    <div class="border rounded p-2 mb-2 mini">
                        <strong>{{ config('probation_workflow.em_stages')[$em->stage] ?? 'Monitoring' }}</strong> · device {{ $em->device_no ?? '—' }} · {{ $em->provider ?? '' }}
                        <span class="badge {{ $em->status === 'violation' ? 'bg-danger' : ($em->status === 'active' ? 'bg-success' : 'bg-secondary') }}">{{ ucfirst($em->status) }}</span>
                        <div class="text-muted">{{ optional($em->start_date)->format('d M Y') }} – {{ optional($em->end_date)->format('d M Y') ?? 'open' }}@if($em->conditions) · {{ $em->conditions }}@endif</div>
                        @if($em->last_latitude)<div>Last position: <a href="https://www.openstreetmap.org/?mlat={{ $em->last_latitude }}&mlon={{ $em->last_longitude }}#map=16/{{ $em->last_latitude }}/{{ $em->last_longitude }}" target="_blank">{{ $em->last_latitude }}, {{ $em->last_longitude }}</a> ({{ optional($em->last_seen_at)->format('d M Y H:i') }})</div>@endif
                        <form method="POST" action="{{ route('probation.cases.monitoring.update', $em->id) }}" class="row g-1 mt-1">
                            @csrf @method('PUT')
                            <div class="col-4"><select name="status" class="form-select form-select-sm">@foreach(['active', 'suspended', 'violation', 'ended'] as $st)<option value="{{ $st }}" {{ $em->status === $st ? 'selected' : '' }}>{{ ucfirst($st) }}</option>@endforeach</select></div>
                            <div class="col-3"><input name="last_latitude" class="form-control form-control-sm em-lat" placeholder="Lat"></div>
                            <div class="col-3"><input name="last_longitude" class="form-control form-control-sm em-lng" placeholder="Lng"></div>
                            <div class="col-2"><button class="btn btn-sm btn-outline-primary w-100">Save</button></div>
                        </form>
                    </div>
                @empty<p class="text-muted mini">No electronic monitoring recorded.</p>@endforelse
                <form method="POST" action="{{ route('probation.cases.monitoring', $case->id) }}" class="row g-1 border-top pt-2">
                    @csrf
                    <div class="col-md-4"><select name="stage" class="form-select form-select-sm">@foreach(config('probation_workflow.em_stages') as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
                    <div class="col-md-4"><input name="device_no" class="form-control form-control-sm" placeholder="Device no."></div>
                    <div class="col-md-4"><input name="provider" class="form-control form-control-sm" placeholder="Provider"></div>
                    <div class="col-md-6"><input type="date" name="start_date" class="form-control form-control-sm" title="From"></div>
                    <div class="col-md-6"><input type="date" name="end_date" class="form-control form-control-sm" title="To"></div>
                    <div class="col-12"><input name="conditions" class="form-control form-control-sm" placeholder="Conditions / exclusion zones / curfew"></div>
                    <div class="col-12"><button class="btn btn-sm btn-success">Add monitoring</button>
                        <span class="form-text ms-2">Live tracking needs a device provider integration; positions can be recorded here meanwhile.</span></div>
                </form>
            </div>
            <div class="col-lg-6">
                <h6 class="text-uppercase small text-muted mb-2">SMS reminders</h6>
                @if(!\App\Support\SmsSender::configured())<div class="alert alert-light border small py-1">No SMS gateway configured yet — messages are kept in the outbox. See “SMS reminders” in the menu.</div>@endif
                <form method="POST" action="{{ route('probation.cases.sms', $case->id) }}" class="row g-1">
                    @csrf
                    <div class="col-md-6"><input name="phone" class="form-control form-control-sm" value="{{ $case->client_phone }}" placeholder="Phone (07…)" required></div>
                    <div class="col-md-6"><select name="purpose" class="form-select form-select-sm">@foreach(config('probation_workflow.sms_purposes') as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
                    <div class="col-12"><select class="form-select form-select-sm" onchange="if(this.value) this.form.message.value=this.value">
                        <option value="">Use a template…</option>
                        @foreach($smsTpl as $k => $t)<option value="{{ \App\Support\SmsSender::fill($t, ['name' => optional($case->prisoner)->name, 'station' => optional($case->branch)->branch_name, 'agency' => optional(optional($case->placements->sortByDesc('id')->first())->agency)->name, 'date' => '']) }}">{{ ucfirst(str_replace('_', ' ', $k)) }}</option>@endforeach
                    </select></div>
                    <div class="col-12"><textarea name="message" rows="3" class="form-control form-control-sm" maxlength="640" required></textarea></div>
                    <div class="col-md-8"><input type="datetime-local" name="send_at" class="form-control form-control-sm" title="Send later (optional)"></div>
                    <div class="col-md-4"><button class="btn btn-sm btn-primary w-100"><i class="fas fa-paper-plane"></i> Send</button></div>
                </form>
                <div class="mt-2">
                    @foreach($case->smsMessages->take(8) as $m)
                        <div class="mini border-bottom py-1"><span class="badge {{ $m->status === 'sent' ? 'bg-success' : ($m->status === 'failed' ? 'bg-danger' : 'bg-secondary') }}">{{ $m->status }}</span>
                            {{ $m->created_at->format('d M H:i') }} · {{ \Illuminate\Support\Str::limit($m->message, 90) }}</div>
                    @endforeach
                </div>
            </div>
        </div>
    </div></div></div>
</div>