{{-- Case conferences: request → supervisor approval (participants) → record minutes / reports / recommendation → submit.
     Kinds: case conference · quarterly · high-risk · case committee. --}}
@php
    $kinds = config('probation_workflow.conference_kinds');
    $canApprove = auth()->user()->isSuperAdmin() || auth()->user()->isBranchAdmin();
    $statusBadge = ['requested' => 'bg-warning text-dark', 'approved' => 'bg-info text-dark', 'scheduled' => 'bg-info text-dark', 'held' => 'bg-success', 'cancelled' => 'bg-secondary'];
@endphp
<div class="card tab-card"><div class="card-body">
    <h6 class="text-uppercase small text-muted mb-3">Case Conferences &amp; Case Committee</h6>

    @forelse($case->conferences->sortByDesc(fn ($c) => optional($c->scheduled_for)->timestamp ?? 0) as $cf)
        <div class="border rounded p-2 mb-2 mini">
            <div class="d-flex justify-content-between flex-wrap gap-1">
                <div>
                    <strong>{{ $kinds[$cf->kind ?? 'case_conference'] ?? 'Case conference' }}</strong>
                    · {{ optional($cf->scheduled_for)->format('d M Y') ?? 'date to be set' }} — {{ $cf->venue ?? '—' }}
                    <span class="badge {{ $statusBadge[$cf->status] ?? 'bg-secondary' }}">{{ ucfirst($cf->status) }}</span>
                    @if($cf->minutes_submitted_at)<span class="badge bg-dark">Minutes submitted {{ $cf->minutes_submitted_at->format('d M Y') }}</span>@endif
                </div>
                <div class="text-muted">Requested by {{ optional($cf->requester)->name ?? '—' }}@if($cf->approver) · approved by {{ $cf->approver->name }}@endif</div>
            </div>
            @if($cf->request_notes)<div class="text-muted mt-1"><em>Purpose:</em> {{ $cf->request_notes }}</div>@endif
            @if($cf->participants->count())
                <div class="mt-1"><em>Participants:</em>
                    {{ $cf->participants->map(fn ($p) => (optional($p->officer)->name ?? $p->external_name) . ($p->role ? ' (' . $p->role . ')' : ''))->implode(', ') }}</div>
            @endif
            <div class="mt-1">
                @foreach($cf->report_files ?? [] as $rf)
                    <a href="{{ asset('storage/' . $rf['path']) }}" target="_blank" class="badge bg-light text-dark border text-decoration-none me-1"><i class="fas fa-file-lines me-1"></i>{{ $rf['name'] }}</a>
                @endforeach
                @if($cf->minutes_file_path)<a href="{{ asset('storage/' . $cf->minutes_file_path) }}" target="_blank" class="badge bg-primary text-decoration-none"><i class="fas fa-file-signature me-1"></i>Minutes</a>@endif
            </div>
            @if($cf->minutes)<div class="mt-1" style="white-space:pre-line">{{ $cf->minutes }}</div>@endif
            @if($cf->recommendations)<div class="mt-1"><em>Recommendation:</em> <span style="white-space:pre-line">{{ $cf->recommendations }}</span></div>@endif

            {{-- supervisor approval --}}
            @if($cf->status === 'requested' && $canApprove)
                <form method="POST" action="{{ route('probation.cases.conference.decide', $cf->id) }}" class="row g-1 mt-2 border-top pt-2">
                    @csrf
                    <div class="col-md-3"><input type="date" name="scheduled_for" class="form-control form-control-sm" value="{{ optional($cf->scheduled_for)->format('Y-m-d') }}" title="Date"></div>
                    <div class="col-md-3"><input name="venue" class="form-control form-control-sm" value="{{ $cf->venue }}" placeholder="Venue"></div>
                    <div class="col-md-6"><select name="officer_ids[]" class="form-select form-select-sm" multiple size="2" title="Select participants">
                        @foreach($officers as $o)<option value="{{ $o->id }}" {{ $cf->participants->contains('officer_id', $o->id) ? 'selected' : '' }}>{{ $o->name }}</option>@endforeach
                    </select></div>
                    <div class="col-12 d-flex gap-1">
                        <button class="btn btn-sm btn-success" name="decision" value="approved"><i class="fas fa-check"></i> Approve</button>
                        <button class="btn btn-sm btn-outline-danger" name="decision" value="cancelled">Decline</button>
                    </div>
                </form>
            @elseif($cf->status === 'requested')
                <div class="text-muted mt-1"><i class="fas fa-hourglass-half"></i> Awaiting supervisor approval.</div>
            @endif

            {{-- record minutes after the meeting --}}
            @if(in_array($cf->status, ['approved', 'scheduled', 'held']) && !$cf->minutes_submitted_at)
                <a class="small" data-bs-toggle="collapse" href="#confRec{{ $cf->id }}"><i class="fas fa-pen"></i> Record minutes / recommendation</a>
                <form method="POST" action="{{ route('probation.cases.conference.record', $cf->id) }}" enctype="multipart/form-data" class="collapse row g-1 mt-1" id="confRec{{ $cf->id }}">
                    @csrf
                    <div class="col-md-6"><label class="form-label small mb-0">Attach reports</label><input type="file" name="report_files[]" multiple accept=".pdf,.doc,.docx,image/*" class="form-control form-control-sm"></div>
                    <div class="col-md-6"><label class="form-label small mb-0">Attach minutes</label><input type="file" name="minutes_file" accept=".pdf,.doc,.docx,image/*" class="form-control form-control-sm"></div>
                    <div class="col-12"><label class="form-label small mb-0">Recommendation</label><textarea name="recommendations" rows="3" class="form-control form-control-sm">{{ $cf->recommendations }}</textarea></div>
                    <div class="col-12 d-flex gap-1">
                        <button class="btn btn-sm btn-primary">Save</button>
                        <button class="btn btn-sm btn-dark" name="submit" value="1" onclick="return confirm('Submit the minutes? They can no longer be changed here.')">Save &amp; submit minutes</button>
                    </div>
                </form>
            @endif
        </div>
    @empty<p class="text-muted mini">No case conferences yet.</p>@endforelse

    <form method="POST" action="{{ route('probation.cases.conference.store', $case->id) }}" enctype="multipart/form-data" class="row g-2 mt-2 border-top pt-2" id="confForm">
        @csrf
        <div class="col-md-4"><label class="form-label small mb-1">Kind</label>
            <select name="kind" class="form-select form-select-sm">
                @foreach($kinds as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach
            </select></div>
        <div class="col-md-3"><label class="form-label small mb-1">Date</label>
            <input type="date" name="scheduled_for" 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">Venue</label>
            <input name="venue" class="form-control form-control-sm"></div>
        <div class="col-md-6"><label class="form-label small mb-1">Participants — probation staff</label>
            <select name="officer_ids[]" class="form-select form-select-sm" multiple size="3">
                @foreach($officers as $o)<option value="{{ $o->id }}">{{ $o->name }}</option>@endforeach
            </select><div class="form-text">Hold Ctrl to select several.</div></div>
        <div class="col-md-6"><label class="form-label small mb-1">Other participants (one per line: Name — role)</label>
            <textarea name="external" rows="3" class="form-control form-control-sm" placeholder="Jane Doe — Mother&#10;Chief Otieno — Area chief"></textarea></div>
        <div class="col-12"><label class="form-label small mb-1">Purpose / agenda</label>
            <input name="request_notes" class="form-control form-control-sm"></div>

        <div class="col-12 border-top pt-2 small text-muted">If the conference has already taken place, attach the record and save it as held:</div>
        <div class="col-md-6"><label class="form-label small mb-1">Attach reports</label>
            <input type="file" name="report_files[]" multiple accept=".pdf,.doc,.docx,image/*" class="form-control form-control-sm"></div>
        <div class="col-md-6"><label class="form-label small mb-1">Attach minutes</label>
            <input type="file" name="minutes_file" accept=".pdf,.doc,.docx,image/*" class="form-control form-control-sm"></div>
        <div class="col-12"><label class="form-label small mb-1">Recommendation</label>
            <textarea name="recommendations" rows="3" class="form-control form-control-sm"></textarea>
            <div class="form-text">Recommendations are pulled into the “Case Conference Minutes” section of reports generated for this case.</div></div>
        <div class="col-12 d-flex gap-2">
            <button class="btn btn-sm btn-warning" name="action" value="request"><i class="fas fa-paper-plane"></i> Request (needs supervisor approval)</button>
            <button class="btn btn-sm btn-primary" name="action" value="record"><i class="fas fa-plus"></i> Record as held</button>
        </div>
    </form>
</div></div>