{{-- Interviews tab (Social Inquiry): grouped by informant · drafts · edit / delete --}}
@php
    $informants = config('probation.informants', []);
    $order   = array_flip(array_keys($informants));
    $grouped = collect(optional($case->socialInquiry)->interviews ?? [])
        ->sortBy(fn ($iv) => sprintf('%03d-%010d', $order[$iv->source_type] ?? 999, optional($iv->interview_date)->timestamp ?? 0))
        ->groupBy('source_type');
    $drafts = collect(optional($case->socialInquiry)->interviews ?? [])->where('is_draft', true)->count();
@endphp
<div class="card tab-card"><div class="card-body">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h6 class="text-uppercase small text-muted mb-0">Interviews</h6>
        @if($drafts)<span class="badge bg-warning text-dark">{{ $drafts }} draft(s) — not used in reports until saved as final</span>@endif
    </div>
    @forelse($grouped as $type => $items)
        <div class="mb-3">
            <div class="fw-bold border-bottom pb-1 mb-1">{{ $informants[$type] ?? ucwords(str_replace('_',' ',$type)) }}
                <span class="badge bg-light text-dark border ms-1">{{ $items->count() }}</span></div>
            @foreach($items as $iv)
                <div class="py-2 ps-3 mini border-bottom {{ $iv->is_draft ? 'bg-light' : '' }}">
                    <div class="d-flex justify-content-between align-items-start gap-2">
                        <div>
                            <strong>{{ $iv->informant_name ?: '—' }}</strong>
                            @if($iv->is_draft)<span class="badge bg-warning text-dark ms-1">Draft</span>@endif
                            <span class="text-muted">· Interviewed {{ optional($iv->interview_date)->format('d M Y') ?? '—' }}</span>
                            <div style="white-space:pre-line">{{ $iv->notes }}</div>
                        </div>
                        <div class="d-flex gap-1 flex-shrink-0">
                            <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="collapse" data-bs-target="#iv-edit-{{ $iv->id }}" title="Edit"><i class="fas fa-edit"></i></button>
                            <form method="POST" action="{{ route('probation.social-inquiries.interview.destroy', $iv->id) }}" onsubmit="return confirm('Delete this interview?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger" title="Delete"><i class="fas fa-trash"></i></button>
                            </form>
                        </div>
                    </div>
                    <form method="POST" action="{{ route('probation.social-inquiries.interview.update', $iv->id) }}" class="collapse row g-2 mt-1 {{ $iv->is_draft ? 'show' : '' }}" id="iv-edit-{{ $iv->id }}">
                        @csrf @method('PUT')
                        <div class="col-md-4"><select name="source_type" class="form-select form-select-sm" required>
                            @foreach($informants as $v => $l)<option value="{{ $v }}" {{ $iv->source_type === $v ? 'selected' : '' }}>{{ $l }}</option>@endforeach
                        </select></div>
                        <div class="col-md-5"><input name="informant_name" class="form-control form-control-sm" value="{{ $iv->informant_name }}" placeholder="Name of Informant"></div>
                        <div class="col-md-3"><input type="date" name="interview_date" class="form-control form-control-sm" value="{{ optional($iv->interview_date)->format('Y-m-d') }}"></div>
                        <div class="col-12"><textarea name="notes" rows="3" class="form-control form-control-sm" required>{{ $iv->notes }}</textarea></div>
                        <div class="col-12 d-flex gap-2">
                            <button class="btn btn-sm btn-primary" name="save" value="final">Save as final</button>
                            <button class="btn btn-sm btn-outline-secondary" name="save" value="draft">Keep as draft</button>
                        </div>
                    </form>
                </div>
            @endforeach
        </div>
    @empty<p class="text-muted mini">No interviews recorded.</p>@endforelse

    <form method="POST" action="{{ route('probation.social-inquiries.interview', $case->id) }}" class="row g-2 mt-2 border-top pt-2">
        @csrf
        <div class="col-12 small fw-bold">New interview</div>
        <div class="col-md-4"><label class="form-label small mb-1">Informant</label>
            <select name="source_type" class="form-select form-select-sm" required>
                @foreach($informants as $v => $l)<option value="{{ $v }}">{{ $l }}</option>@endforeach
            </select></div>
        <div class="col-md-5"><label class="form-label small mb-1">Name of Informant</label>
            <input name="informant_name" class="form-control form-control-sm"></div>
        <div class="col-md-3"><label class="form-label small mb-1">Date Interviewed</label>
            <input type="date" name="interview_date" class="form-control form-control-sm" value="{{ now()->format('Y-m-d') }}"></div>
        <div class="col-12"><label class="form-label small mb-1">Notes</label>
            <textarea name="notes" rows="4" class="form-control form-control-sm" required></textarea></div>
        <div class="col-12 d-flex gap-2">
            <button class="btn btn-sm btn-primary" name="save" value="final"><i class="fas fa-check"></i> Save interview</button>
            <button class="btn btn-sm btn-outline-secondary" name="save" value="draft"><i class="fas fa-file-pen"></i> Save as draft</button>
        </div>
    </form>
</div></div>