@php
    $snapshot = $loanSnapshot ?? [];
    $borrowerName = $snapshot['borrower_name'] ?? ($case->loan?->loanClient?->full_name ?? '—');
    $phone = $snapshot['phone'] ?? $case->loan?->loanClient?->phone;
    $loanNumber = $snapshot['loan_number'] ?? $case->loan?->loan_number ?? '—';
    $outstanding = (float) ($snapshot['total_outstanding'] ?? $case->loan?->balance ?? 0);
    $arrears = (float) ($snapshot['arrears'] ?? $case->arrears_amount ?? 0);
    $dpd = (int) ($snapshot['dpd'] ?? $case->current_dpd ?? 0);
    $classification = strtolower((string) ($snapshot['classification'] ?? $provisionIntel['classification_label'] ?? ''));
    $activePtp = $case->promises->firstWhere('status', \App\Models\LoanCollectionPromise::STATUS_ACTIVE);
    $collectorName = $case->collector ? trim($case->collector->first_name.' '.$case->collector->last_name) : 'Unassigned';
    $stageLabel = $stageOptions[$case->escalation_stage] ?? $case->escalation_stage;
    $queueLabel = $queueOptions[$case->queue] ?? $case->queue;

    $classificationBadge = match (true) {
        str_contains($classification, 'loss') => 'bg-red-950 text-white',
        str_contains($classification, 'doubtful') => 'bg-red-600 text-white',
        str_contains($classification, 'substandard') => 'bg-orange-500 text-white',
        str_contains($classification, 'watch') => 'bg-amber-100 text-amber-900',
        str_contains($classification, 'current') => 'bg-green-100 text-green-800',
        default => 'bg-slate-100 text-slate-700',
    };
@endphp

<header class="ccw-header-panel">
    <div class="ccw-header-panel__body">
    <div class="flex flex-wrap items-start justify-between gap-2">
        <div class="min-w-0 flex-1 space-y-1.5">
            <div class="flex flex-wrap items-center gap-2">
                <a href="{{ route('loan.book.collections.workflow.index', ['queue' => $case->queue]) }}" class="hidden text-[11px] font-medium text-[#6B7280] hover:text-[#4F46E5] sm:inline">&larr; Queue</a>
                <h1 class="truncate text-sm font-semibold text-slate-900 sm:text-base">{{ $case->reference }}</h1>
                <span class="inline-flex items-center rounded-full bg-[#4F46E5]/10 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-[#4F46E5]">{{ $stageLabel }}</span>
                <x-workflow-ribbon key="collections_case" :status="(string) $case->status" size="sm" class="max-w-[6rem]" />
                @if ($activePtp)
                    <span class="inline-flex items-center rounded-full bg-amber-100 px-2 py-0.5 text-[10px] font-semibold text-amber-900">PTP active</span>
                @endif
                @if ($classification !== '')
                    <span class="inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold {{ $classificationBadge }}">{{ $snapshot['classification'] ?? $provisionIntel['classification_label'] ?? '—' }}</span>
                @endif
                @if (! empty($clientScoreBadge))
                    @include('loan.partials.client-score-badge', ['badge' => $clientScoreBadge])
                @endif
                @if ($case->legal_escalated)
                    <span class="inline-flex items-center rounded-full bg-red-100 px-2 py-0.5 text-[10px] font-semibold text-red-800">Legal · {{ $case->legal_status }}</span>
                @endif
            </div>

            <dl class="mt-2 grid grid-cols-2 gap-2 sm:grid-cols-4 lg:grid-cols-8">
                <div class="min-w-0">
                    <dt class="ccw-label">Borrower</dt>
                    <dd class="ccw-value truncate font-semibold">{{ $borrowerName }}</dd>
                </div>
                <div>
                    <dt class="ccw-label">Phone</dt>
                    <dd class="ccw-value">@if(filled($phone))<x-phone-link :value="$phone" class="text-xs" />@else — @endif</dd>
                </div>
                <div>
                    <dt class="ccw-label">Loan account</dt>
                    <dd class="ccw-value font-mono">{{ $loanNumber }}</dd>
                </div>
                <div class="ccw-header-kpi ccw-header-kpi--blue">
                    <dt class="ccw-label">Outstanding</dt>
                    <dd class="ccw-kpi ccw-kpi--blue">KES {{ number_format($outstanding, 0) }}</dd>
                </div>
                <div class="ccw-header-kpi ccw-header-kpi--danger">
                    <dt class="ccw-label">Arrears</dt>
                    <dd class="ccw-kpi ccw-kpi--danger">KES {{ number_format($arrears, 0) }}</dd>
                </div>
                <div class="ccw-header-kpi ccw-header-kpi--danger">
                    <dt class="ccw-label">DPD</dt>
                    <dd class="ccw-kpi ccw-kpi--danger">{{ $dpd }} days</dd>
                </div>
                <div>
                    <dt class="ccw-label">Branch</dt>
                    <dd class="ccw-value--muted truncate">{{ $case->branch?->name ?? ($snapshot['branch'] ?? '—') }}</dd>
                </div>
                <div>
                    <dt class="ccw-label">Collector</dt>
                    <dd class="ccw-value--muted truncate" title="{{ $ownershipModeLabel ?? 'Loan agent' }}">{{ $collectorName }}</dd>
                </div>
            </dl>
        </div>

        <div class="flex shrink-0 flex-wrap items-center gap-1.5">
            @if (auth()->user()?->hasLoanPermission('collections.configure'))
                <button
                    type="button"
                    class="ccw-btn-primary"
                    @click="activeActionTab = 'recovery'; $nextTick(() => document.getElementById('case-actions-panel')?.scrollIntoView({ behavior: 'smooth', block: 'start' }))"
                >Assign visit</button>
            @endif
            <a href="{{ route('loan.book.collections.hub.dashboard') }}" class="ccw-btn-secondary">Open route</a>
            @if ($case->loan)
                <a href="{{ route('loan.book.loans.schedule', $case->loan) }}" class="ccw-btn-secondary">View schedule</a>
            @endif

            <div class="relative" x-data="{ menuOpen: false }">
                <button
                    type="button"
                    class="ws-btn ws-btn--ghost px-2 py-1.5"
                    @click="menuOpen = !menuOpen"
                    aria-haspopup="menu"
                    :aria-expanded="menuOpen"
                    aria-label="More actions"
                >
                    <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path d="M10 3a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 5.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 5.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3z"/></svg>
                </button>
                <div
                    x-show="menuOpen"
                    x-cloak
                    @click.outside="menuOpen = false"
                    class="absolute right-0 top-full z-50 mt-1 min-w-[11rem] rounded-lg border border-[#E5E7EB] bg-white py-1 shadow-lg"
                    role="menu"
                >
                    <a href="{{ route('loan.book.collections.workflow.index', ['queue' => $case->queue]) }}" class="block px-3 py-1.5 text-xs text-slate-700 hover:bg-slate-50" role="menuitem">&larr; Back to queue</a>
                    @if ($case->loan)
                        <a href="{{ route('loan.book.loans.show', $case->loan) }}" class="block px-3 py-1.5 text-xs text-slate-700 hover:bg-slate-50" role="menuitem">View loan</a>
                    @endif
                    <a href="{{ route('loan.book.collections.ptp.index', ['q' => $case->reference]) }}" class="block px-3 py-1.5 text-xs text-slate-700 hover:bg-slate-50" role="menuitem">All promises</a>
                    @if (auth()->user()?->hasLoanPermission('collections.update'))
                        <button
                            type="button"
                            class="block w-full px-3 py-1.5 text-left text-xs text-slate-700 hover:bg-slate-50"
                            role="menuitem"
                            @click="activeActionTab = 'recovery'; menuOpen = false; $nextTick(() => document.getElementById('case-actions-panel')?.scrollIntoView({ behavior: 'smooth' }))"
                        >Add recovery note</button>
                    @endif
                    @if ($activeWorkOrder ?? null)
                        @if (auth()->user()?->hasLoanPermission('collections.update'))
                            <form method="post" action="{{ route('loan.book.collections.next_case') }}" class="border-t border-slate-100">
                                @csrf
                                <button type="submit" class="block w-full px-3 py-1.5 text-left text-xs text-[#4F46E5] hover:bg-slate-50" role="menuitem">Next case</button>
                            </form>
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </div>

    @if ($activeWorkOrder ?? null)
        <div class="mt-2 flex flex-wrap items-center justify-between gap-2 rounded-md border border-[#4F46E5]/20 bg-[#4F46E5]/5 px-2.5 py-1.5 text-[11px]">
            <p class="font-medium text-[#4F46E5]">
                Work order · {{ config('collections_work_orders.work_types')[$activeWorkOrder->work_type] ?? $activeWorkOrder->work_type }}
                · Priority {{ number_format($activeWorkOrder->priority_score) }}
                · {{ ucfirst(str_replace('_', ' ', $activeWorkOrder->status)) }}
            </p>
            @if (auth()->user()?->hasLoanPermission('collections.update') && $activeWorkOrder->isActionable())
                <div class="flex flex-wrap gap-1">
                    @if ($activeWorkOrder->status === \App\Models\LoanCollectionWorkOrder::STATUS_PENDING)
                        <form method="post" action="{{ route('loan.book.collections.work_orders.start', $activeWorkOrder) }}">@csrf<button type="submit" class="rounded border border-slate-200 bg-white px-2 py-0.5 text-[10px] font-semibold hover:bg-slate-50">Start</button></form>
                    @endif
                    <details class="relative">
                        <summary class="cursor-pointer rounded border border-slate-200 bg-white px-2 py-0.5 text-[10px] font-semibold">Complete</summary>
                        <form method="post" action="{{ route('loan.book.collections.work_orders.complete', $activeWorkOrder) }}" class="absolute right-0 top-full z-10 mt-1 w-56 space-y-1.5 rounded-lg border bg-white p-2 shadow-lg">
                            @csrf
                            <select name="outcome_code" required class="w-full rounded border-slate-200 text-[11px]">
                                @php
                                    $outcomes = match ($activeWorkOrder->work_type) {
                                        \App\Models\LoanCollectionWorkOrder::TYPE_DEMAND_REVIEW => ($demandReviewOutcomes ?? []),
                                        \App\Models\LoanCollectionWorkOrder::TYPE_GUARANTOR => ($guarantorOutcomes ?? []),
                                        \App\Models\LoanCollectionWorkOrder::TYPE_FIELD_VISIT => ($fieldVisitOutcomes ?? []),
                                        default => ($callOutcomes ?? []),
                                    };
                                @endphp
                                @foreach ($outcomes as $code => $label)
                                    <option value="{{ $code }}">{{ $label }}</option>
                                @endforeach
                            </select>
                            <input type="text" name="outcome_notes" placeholder="Notes" class="w-full rounded border-slate-200 text-[11px]">
                            <button type="submit" class="w-full rounded bg-[#16A34A] px-2 py-1 text-[10px] font-semibold text-white">Save</button>
                        </form>
                    </details>
                    <details class="relative">
                        <summary class="cursor-pointer rounded border border-slate-200 bg-white px-2 py-0.5 text-[10px] font-semibold">Skip</summary>
                        <form method="post" action="{{ route('loan.book.collections.work_orders.skip', $activeWorkOrder) }}" class="absolute right-0 top-full z-10 mt-1 w-56 space-y-1.5 rounded-lg border bg-white p-2 shadow-lg">
                            @csrf
                            <select name="reason_code" required class="w-full rounded border-slate-200 text-[11px]">
                                @foreach (($skipReasons ?? []) as $code => $label)
                                    <option value="{{ $code }}">{{ $label }}</option>
                                @endforeach
                            </select>
                            <input type="text" name="outcome_notes" placeholder="Notes" class="w-full rounded border-slate-200 text-[11px]">
                            <button type="submit" class="w-full rounded bg-slate-600 px-2 py-1 text-[10px] font-semibold text-white">Skip</button>
                        </form>
                    </details>
                    <details class="relative">
                        <summary class="cursor-pointer rounded border border-slate-200 bg-white px-2 py-0.5 text-[10px] font-semibold">Defer</summary>
                        <form method="post" action="{{ route('loan.book.collections.work_orders.defer', $activeWorkOrder) }}" class="absolute right-0 top-full z-10 mt-1 w-56 space-y-1.5 rounded-lg border bg-white p-2 shadow-lg">
                            @csrf
                            <input type="datetime-local" name="deferred_until" required class="w-full rounded border-slate-200 text-[11px]">
                            <input type="text" name="reason" required placeholder="Reason" class="w-full rounded border-slate-200 text-[11px]">
                            <button type="submit" class="w-full rounded bg-[#F59E0B] px-2 py-1 text-[10px] font-semibold text-white">Defer</button>
                        </form>
                    </details>
                </div>
            @endif

            @if ($activeWorkOrder->work_type === \App\Models\LoanCollectionWorkOrder::TYPE_DEMAND_REVIEW && auth()->user()?->hasLoanPermission('collections.configure'))
                <form method="post" action="{{ route('loan.book.collections.demand.request', $case) }}" class="mt-2 flex flex-wrap gap-1.5 text-[11px]">
                    @csrf
                    <select name="notice_template" class="rounded border-slate-200 bg-white text-[11px]">
                        @foreach (($demandTemplates ?? []) as $tpl)
                            <option value="{{ $tpl['code'] ?? $tpl }}">{{ $tpl['label'] ?? $tpl }}</option>
                        @endforeach
                    </select>
                    <select name="request_reason_code" class="rounded border-slate-200 bg-white text-[11px]">
                        @foreach (($demandReasons ?? []) as $code => $label)
                            <option value="{{ $code }}">{{ $label }}</option>
                        @endforeach
                    </select>
                    <button type="submit" class="rounded bg-[#DC2626] px-2 py-0.5 text-[10px] font-semibold text-white">Request demand letter</button>
                </form>
            @endif
        </div>
    @endif
    </div>
</header>