{{-- Completion: nature (mode) of completion + exit summary report; certificate (not for CSO) --}}
<div class="card tab-card"><div class="card-body">
    <h6 class="text-uppercase small text-muted mb-3">Completion{{ empty($module['noCertificate']) ? ' & Certificate' : '' }}</h6>
    @if($case->completion)
        <p class="mini mb-1">Nature of completion: <strong>{{ \App\Models\ProbationCase::completionLabel($case->completion->mode) }}</strong> ·
            {{ optional($case->completion->completed_on)->format('d M Y') }}
            @if($case->completion->certificate_no && empty($module['noCertificate'])) · Cert {{ $case->completion->certificate_no }}@endif</p>
        @if($case->completion->remarks)<p class="mini mb-1"><strong>Remarks:</strong> {{ $case->completion->remarks }}</p>@endif
        @if($case->completion->exit_summary)<div class="mini mb-2"><strong>Exit summary:</strong><div style="white-space:pre-line">{{ $case->completion->exit_summary }}</div></div>@endif
        @if($case->completion->certificate_no && empty($module['noCertificate']))
            <a href="{{ route('probation.cases.certificate', $case->id) }}" target="_blank" class="btn btn-warning btn-sm"><i class="fas fa-award"></i> Open Certificate</a>
        @endif
    @else
        <form method="POST" action="{{ route('probation.cases.complete', $case->id) }}" class="row g-2">
            @csrf
            <div class="col-md-4"><label class="form-label small mb-1">Nature of completion</label>
                <select name="mode" class="form-select form-select-sm" required>
                    <option value="">Select…</option>
                    @foreach(config('probation.completion_modes', []) as $v => $l)<option value="{{ $v }}">{{ $l }}</option>@endforeach
                </select></div>
            <div class="col-md-3"><label class="form-label small mb-1">Date completed</label>
                <input type="date" name="completed_on" class="form-control form-control-sm" value="{{ now()->format('Y-m-d') }}"></div>
            <div class="col-md-5"><label class="form-label small mb-1">Remarks</label>
                <input name="remarks" class="form-control form-control-sm"></div>
            <div class="col-12"><label class="form-label small mb-1">Exit summary report</label>
                <textarea name="exit_summary" rows="4" class="form-control form-control-sm" placeholder="Progress over the order, interventions completed, risk at exit, recommendations"></textarea></div>
            <div class="col-12"><button class="btn btn-success btn-sm" onclick="return confirm('Close this case as completed?')">Complete case</button></div>
        </form>
    @endif
</div></div>