{{-- resources/views/probation/cases/_pr2a.blade.php
     PR 2A — Records of Supervision (follow up): one running log per client. --}}
@php
    $records = $case->supervisionOrders->flatMap->notes
        ->sortBy(fn ($r) => (optional($r->reported_on)->format('Ymd') ?? '99999999') . str_pad($r->id, 10, '0', STR_PAD_LEFT))
        ->values();
@endphp
<div class="card tab-card"><div class="card-body">
    <div class="text-center mb-2">
        <div class="small fw-bold text-uppercase">Republic of Kenya · Probation Service</div>
        <div class="fw-bold">Records of Supervision (follow up)</div>
    </div>
    <div class="mb-2"><strong>Name:</strong> {{ optional($case->prisoner)->name }} <span class="text-muted small ms-2">{{ $case->serial_number }}</span></div>

    <div class="table-responsive">
        <table class="table table-bordered table-sm align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th style="width:150px">Date reported</th>
                    <th>Notes of reports, visits or meetings</th>
                    <th style="width:170px">Dates of visits or incidental meetings</th>
                    <th style="width:84px" class="no-print"></th>
                </tr>
            </thead>
            <tbody>
            @forelse($records as $r)
                <tr>
                    <td>{{ optional($r->reported_on)->format('d M Y') }}</td>
                    <td style="white-space:pre-line">{{ $r->progress ?? $r->discussions }}</td>
                    <td>{{ optional($r->visit_date)->format('d M Y') }}</td>
                    <td class="text-nowrap no-print">
                        <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="collapse" data-bs-target="#pr2aEdit{{ $r->id }}" title="Edit"><i class="fas fa-edit"></i></button>
                        <form method="POST" action="{{ route('probation.supervision.pr2a.destroy', $r->id) }}" class="d-inline" onsubmit="return confirm('Delete this record?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger" title="Delete"><i class="fas fa-trash"></i></button>
                        </form>
                    </td>
                </tr>
                <tr class="collapse no-print" id="pr2aEdit{{ $r->id }}">
                    <td colspan="4" class="bg-light">
                        <form method="POST" action="{{ route('probation.supervision.pr2a.update', $r->id) }}" class="row g-1 align-items-start">
                            @csrf @method('PUT')
                            <div class="col-md-2"><input type="date" name="reported_on" class="form-control form-control-sm" value="{{ optional($r->reported_on)->format('Y-m-d') }}" required></div>
                            <div class="col-md-6"><textarea name="notes" rows="2" class="form-control form-control-sm" required>{{ $r->progress ?? $r->discussions }}</textarea></div>
                            <div class="col-md-2"><input type="date" name="visit_date" class="form-control form-control-sm" value="{{ optional($r->visit_date)->format('Y-m-d') }}"></div>
                            <div class="col-md-2"><button class="btn btn-sm btn-primary w-100">Save</button></div>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="4" class="text-center text-muted py-3">No records yet.</td></tr>
            @endforelse

            {{-- new record, entered straight into the table --}}
            <tr class="no-print">
                <td colspan="4" class="p-0">
                    <form method="POST" action="{{ route('probation.supervision.pr2a.store', $case->id) }}" class="d-flex">
                        @csrf
                        <div style="width:150px" class="p-1"><input type="date" name="reported_on" class="form-control form-control-sm" value="{{ now()->format('Y-m-d') }}" required title="Date reported"></div>
                        <div class="flex-grow-1 p-1"><textarea name="notes" rows="2" class="form-control form-control-sm" placeholder="Notes of reports, visits or meetings" required></textarea></div>
                        <div style="width:170px" class="p-1"><input type="date" name="visit_date" class="form-control form-control-sm" title="Date of visit or incidental meeting"></div>
                        <div style="width:84px" class="p-1"><button class="btn btn-sm btn-primary w-100" title="Add record"><i class="fas fa-plus"></i> Add</button></div>
                    </form>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div></div>