{{-- resources/views/probation/cases/_pr2.blade.php
     PR 2 — Supervision record ("Order for supervision" sheet).
     Blank fields are pre-filled from what the case already holds; the officer
     completes the rest. Name, serial, officer and breaches are always live. --}}
@php
    $pf     = $case->supervisionProfile;
    $order  = $case->supervisionOrders->sortBy('start_date')->first();
    $latest = $case->supervisionOrders->sortByDesc('created_at')->first();
    $from   = optional($pf)->order_from ?? optional($order)->start_date;
    $to     = optional($pf)->order_to ?? optional($latest)->extension_to ?? optional($latest)->end_date;
    $months = ($from && $to) ? \Carbon\Carbon::parse($from)->diffInMonths(\Carbon\Carbon::parse($to)) : null;
    $autoDuration = $months !== null ? ($months >= 12 && $months % 12 === 0 ? ($months / 12) . ' year(s)' : $months . ' month(s)') : '';
    $autoVariation = $case->supervisionOrders->filter(fn ($o) => $o->extension_to)
        ->map(fn ($o) => 'Extended to ' . $o->extension_to->format('d M Y'))->implode('; ');
    $v = fn ($k, $auto = '') => old($k, optional($pf)->{$k} ?? $auto);

    // contacts: saved list, else next of kin
    $contacts = optional($pf)->contacts ?: collect(optional($case->prisoner)->nextOfKin ?? [])->map(fn ($k) => [
        'name' => $k->name, 'relationship' => $k->relationship, 'phone' => $k->phone, 'address' => '',
    ])->values()->all() ?: [];
    while (count($contacts) < 4) $contacts[] = ['name' => '', 'relationship' => '', 'phone' => '', 'address' => ''];

    $jobs = optional($pf)->employment_record ?: [];
    while (count($jobs) < 3) $jobs[] = ['record' => '', 'duration_wages' => '', 'reason_for_leaving' => ''];
@endphp

<div class="card tab-card"><div class="card-body">
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="text-uppercase small text-muted mb-0">PR 2 — Supervision Record</h6>
        <span class="small text-muted">
            @if($pf) Last saved {{ $pf->updated_at->format('d M Y H:i') }} @else <i class="fas fa-wand-magic-sparkles"></i> Pre-filled from the case — review and save @endif
        </span>
    </div>

    {{-- always-live details --}}
    <div class="row g-2 small bg-light border rounded p-2 mb-3 mx-0">
        <div class="col-md-3"><span class="text-muted">Serial No.</span><br><strong>{{ $case->serial_number }}</strong></div>
        <div class="col-md-3"><span class="text-muted">Name</span><br><strong>{{ optional($case->prisoner)->name }}</strong></div>
        <div class="col-md-3"><span class="text-muted">Probation Officer</span><br><strong>{{ optional($case->officer)->name ?? 'Unassigned' }}</strong></div>
        <div class="col-md-3"><span class="text-muted">Breaches</span><br>
            @if($case->breaches->count())
                <strong class="text-danger">{{ $case->breaches->count() }}</strong>
                <span class="text-muted">— latest {{ optional($case->breaches->sortByDesc('reported_on')->first()->reported_on)->format('d M Y') }}</span>
            @else <strong>None</strong> @endif
        </div>
    </div>

    <form method="POST" action="{{ route('probation.supervision.pr2.save', $case->id) }}">
        @csrf
        <div class="row g-2">
            <div class="col-md-4"><label class="form-label small mb-1">Town</label><input name="town" class="form-control form-control-sm" value="{{ $v('town') }}"></div>
            <div class="col-md-4"><label class="form-label small mb-1">Sub-County</label><input name="sub_county" class="form-control form-control-sm" value="{{ $v('sub_county') }}"></div>
            <div class="col-md-4"><label class="form-label small mb-1">County</label><input name="county" class="form-control form-control-sm" value="{{ $v('county') }}"></div>
            <div class="col-md-4"><label class="form-label small mb-1">Reg. No.</label><input name="reg_no" class="form-control form-control-sm" value="{{ $v('reg_no', $case->crc_number ?? $case->court_case_number) }}"></div>
            <div class="col-md-8"><label class="form-label small mb-1">Nearest Market / School</label><input name="nearest_market_school" class="form-control form-control-sm" value="{{ $v('nearest_market_school') }}"></div>
            <div class="col-12"><label class="form-label small mb-1">Address</label><textarea name="address" rows="2" class="form-control form-control-sm">{{ $v('address') }}</textarea></div>
        </div>

        <h6 class="fw-bold mt-3 mb-2 small text-uppercase">Order for supervision</h6>
        <div class="row g-2">
            <div class="col-md-4"><label class="form-label small mb-1">Magistrate</label><input name="magistrate" class="form-control form-control-sm" value="{{ $v('magistrate', $case->magistrate_judge) }}"></div>
            <div class="col-md-3"><label class="form-label small mb-1">Date of order (from)</label><input type="date" name="order_from" id="pr2From" class="form-control form-control-sm" value="{{ old('order_from', $from ? \Carbon\Carbon::parse($from)->format('Y-m-d') : '') }}"></div>
            <div class="col-md-3"><label class="form-label small mb-1">To</label><input type="date" name="order_to" id="pr2To" class="form-control form-control-sm" value="{{ old('order_to', $to ? \Carbon\Carbon::parse($to)->format('Y-m-d') : '') }}"></div>
            <div class="col-md-2"><label class="form-label small mb-1">For (months/years)</label><input name="order_duration" id="pr2Dur" class="form-control form-control-sm" value="{{ $v('order_duration', $autoDuration) }}"></div>
            <div class="col-md-8"><label class="form-label small mb-1">Special condition</label><textarea name="special_condition" rows="2" class="form-control form-control-sm">{{ $v('special_condition') }}</textarea></div>
            <div class="col-md-4"><label class="form-label small mb-1">Name of home / hostel / lodging (condition of residence)</label><input name="residence_name" class="form-control form-control-sm" value="{{ $v('residence_name') }}"></div>
            <div class="col-md-4"><label class="form-label small mb-1">Sureties</label><input name="sureties" class="form-control form-control-sm" value="{{ $v('sureties') }}"></div>
            <div class="col-md-4"><label class="form-label small mb-1">Fines</label><input name="fines" class="form-control form-control-sm" value="{{ $v('fines', $case->fine_amount ? number_format($case->fine_amount, 2) : '') }}"></div>
            <div class="col-md-4"><label class="form-label small mb-1">Costs</label><input name="costs" class="form-control form-control-sm" value="{{ $v('costs') }}"></div>
            <div class="col-12"><label class="form-label small mb-1">Variation of the order</label><input name="variation_of_order" class="form-control form-control-sm" value="{{ $v('variation_of_order', $autoVariation) }}"></div>
        </div>

        <h6 class="fw-bold mt-3 mb-2 small text-uppercase">School particulars</h6>
        <input name="school_particulars" class="form-control form-control-sm" value="{{ $v('school_particulars') }}" placeholder="Name and address of the school">

        <h6 class="fw-bold mt-3 mb-2 small text-uppercase">Persons interested and who to contact in case need arises</h6>
        @if(!$pf && collect(optional($case->prisoner)->nextOfKin ?? [])->count())<div class="form-text mb-1">Filled from the client's next of kin.</div>@endif
        <div class="table-responsive"><table class="table table-sm table-bordered small mb-0">
            <thead class="table-light"><tr><th style="width:30px"></th><th>Name</th><th>Relationship</th><th>Phone</th><th>Address</th></tr></thead>
            <tbody>
            @foreach($contacts as $i => $c)
                <tr><td class="text-muted">{{ ['i','ii','iii','iv','v','vi','vii','viii'][$i] ?? $i + 1 }}.</td>
                    <td><input name="contacts[{{ $i }}][name]" class="form-control form-control-sm" value="{{ $c['name'] ?? '' }}"></td>
                    <td><input name="contacts[{{ $i }}][relationship]" class="form-control form-control-sm" value="{{ $c['relationship'] ?? '' }}"></td>
                    <td><input name="contacts[{{ $i }}][phone]" class="form-control form-control-sm" value="{{ $c['phone'] ?? '' }}"></td>
                    <td><input name="contacts[{{ $i }}][address]" class="form-control form-control-sm" value="{{ $c['address'] ?? '' }}"></td></tr>
            @endforeach
            </tbody>
        </table></div>

        <h6 class="fw-bold mt-3 mb-2 small text-uppercase">Employment</h6>
        <div class="row g-2 mb-2">
            <div class="col-md-4"><label class="form-label small mb-1">Occupation</label><input name="occupation" class="form-control form-control-sm" value="{{ $v('occupation') }}"></div>
            <div class="col-md-4"><label class="form-label small mb-1">Usual wage</label><input name="usual_wage" class="form-control form-control-sm" value="{{ $v('usual_wage') }}"></div>
            <div class="col-md-4"><label class="form-label small mb-1">Employer</label><input name="employer" class="form-control form-control-sm" value="{{ $v('employer') }}"></div>
        </div>
        <div class="table-responsive"><table class="table table-sm table-bordered small mb-1" id="pr2Jobs">
            <thead class="table-light"><tr><th>Employment record</th><th>Duration / wages</th><th>Reasons for leaving</th></tr></thead>
            <tbody>
            @foreach($jobs as $i => $j)
                <tr><td><input name="employment_record[{{ $i }}][record]" class="form-control form-control-sm" value="{{ $j['record'] ?? '' }}"></td>
                    <td><input name="employment_record[{{ $i }}][duration_wages]" class="form-control form-control-sm" value="{{ $j['duration_wages'] ?? '' }}"></td>
                    <td><input name="employment_record[{{ $i }}][reason_for_leaving]" class="form-control form-control-sm" value="{{ $j['reason_for_leaving'] ?? '' }}"></td></tr>
            @endforeach
            </tbody>
        </table></div>
        <button type="button" class="btn btn-link btn-sm p-0 mb-2" id="pr2AddJob"><i class="fas fa-plus"></i> Add row</button>

        <div class="row g-2">
            <div class="col-md-6"><label class="form-label small mb-1">Reporting centre</label><input name="reporting_centre" class="form-control form-control-sm" value="{{ $v('reporting_centre', optional($case->branch)->branch_name) }}"></div>
            <div class="col-12"><label class="form-label small mb-1">Additional information</label><textarea name="additional_information" rows="3" class="form-control form-control-sm">{{ $v('additional_information') }}</textarea></div>
            <div class="col-12"><button class="btn btn-primary btn-sm"><i class="fas fa-save"></i> Save PR 2</button></div>
        </div>
    </form>
</div></div>

<script>
(function () {
    // duration follows the From / To dates until the officer types their own
    var f = document.getElementById('pr2From'), t = document.getElementById('pr2To'), d = document.getElementById('pr2Dur');
    if (f && t && d) {
        d.addEventListener('input', function () { d.dataset.touched = 1; });
        var calc = function () {
            if (d.dataset.touched || !f.value || !t.value) return;
            var a = new Date(f.value), b = new Date(t.value);
            var m = (b.getFullYear() - a.getFullYear()) * 12 + (b.getMonth() - a.getMonth()) - (b.getDate() < a.getDate() ? 1 : 0);
            if (m < 0) return;
            d.value = (m >= 12 && m % 12 === 0) ? (m / 12) + ' year(s)' : m + ' month(s)';
        };
        f.addEventListener('change', calc); t.addEventListener('change', calc);
    }
    var add = document.getElementById('pr2AddJob'), tb = document.querySelector('#pr2Jobs tbody');
    if (add && tb) add.addEventListener('click', function () {
        var i = tb.rows.length, tr = document.createElement('tr');
        ['record', 'duration_wages', 'reason_for_leaving'].forEach(function (k) {
            var td = document.createElement('td'), inp = document.createElement('input');
            inp.name = 'employment_record[' + i + '][' + k + ']'; inp.className = 'form-control form-control-sm';
            td.appendChild(inp); tr.appendChild(td);
        });
        tb.appendChild(tr);
    });
})();
</script>