{{-- Client 360 — tab panels --}}
@if (! empty($entity360Fragment))
@php
    // Never fall back to request ?tab= — that query is shared with the workspace URL
    // and will paint Payments into the Applications panel after a tab switch.
    $fragmentTab = trim((string) ($e360PanelFragmentTab ?? $entity360FragmentTab ?? ''));
@endphp
<div data-e360-tab-body data-e360-fragment-tab="{{ $fragmentTab }}">
@if ($fragmentTab !== '')

@if ($fragmentTab === 'applications')
<section>
    @php
        $apps = $clientApplications ?? collect();
        $createUrl = route('loan.book.applications.create', ['loan_client_id' => $loan_client->id, 'lock_client' => 1]);
    @endphp
    <div class="mb-3 flex flex-wrap items-center justify-between gap-2">
        <h3 class="text-sm font-semibold text-slate-900 max-lg:sr-only">Applications</h3>
        @if (($loan_client->kind ?? null) === \App\Models\LoanClient::KIND_CLIENT)
            <x-loan.workspace-link :href="$createUrl" class="ws-btn ws-btn--secondary max-lg:ml-auto">New application</x-loan.workspace-link>
        @endif
    </div>

    <div class="overflow-x-auto rounded-xl border border-slate-300">
        <table class="ws-table ws-table--register ws-table--sticky ws-table--sticky-first ws-table--sticky-actions min-w-[920px] w-full">
            <thead>
                <tr>
                    <th class="text-left">Reference</th>
                    <th class="text-left">Product</th>
                    <th class="text-right">Amount</th>
                    <th class="text-left">Stage</th>
                    <th class="text-left">Workflow</th>
                    <th class="text-left">Borrower</th>
                    <th class="text-left">Updated</th>
                    <th class="text-right">Details</th>
                    <th class="text-right">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($apps as $application)
                    @php
                        $stage = (string) $application->stage;
                        $loanStatus = (string) ($application->loan?->status ?? '');
                        $awaitingDisbursement = $application->isAwaitingTreasuryDisbursement();
                        $stageLabel = $awaitingDisbursement
                            ? 'Awaiting disbursement'
                            : str($stage)->headline();
                        $stageTone = match (true) {
                            $awaitingDisbursement => 'border-sky-200 bg-sky-100 text-sky-900',
                            $stage === \App\Models\LoanBookApplication::STAGE_DISBURSED => 'border-emerald-200 bg-emerald-100 text-emerald-800',
                            $stage === \App\Models\LoanBookApplication::STAGE_DECLINED => 'border-rose-200 bg-rose-100 text-rose-800',
                            $stage === \App\Models\LoanBookApplication::STAGE_CREDIT_REVIEW => 'border-amber-200 bg-amber-100 text-amber-900',
                            default => 'border-slate-200 bg-slate-100 text-slate-700',
                        };
                    @endphp
                    <tr
                        class="hover:bg-slate-50/80"
                        x-show="mobileMatchesSearch(@js((string) $application->reference), @js((string) ($application->product_name ?? '')), @js((string) $stageLabel))"
                    >
                        <td class="px-4 py-3 font-mono text-xs">{{ $application->reference }}</td>
                        <td class="px-4 py-3">{{ $application->product_name ?: '—' }}</td>
                        <td class="px-4 py-3 text-right font-semibold tabular-nums">KES {{ number_format((float) $application->displayPrincipal(), 0) }}</td>
                        <td class="px-4 py-3">
                            <span class="inline-flex rounded-full border px-2 py-0.5 text-[11px] font-semibold {{ $stageTone }}">{{ $stageLabel }}</span>
                        </td>
                        <td class="px-4 py-3 text-xs">{{ $application->workflow_status ? str($application->workflow_status)->headline() : '—' }}</td>
                        <td class="px-4 py-3 text-xs">{{ str($application->borrower_category ?? '—')->replace('_', ' ')->title() }}</td>
                        <td class="px-4 py-3 text-xs text-slate-500">{{ optional($application->updated_at)->format('M j, Y') ?? '—' }}</td>
                        <td class="px-4 py-3 text-right text-xs whitespace-nowrap">
                            <x-loan.workspace-link :href="route('loan.book.applications.show', $application)" class="text-teal-700 font-medium hover:underline">View loan</x-loan.workspace-link>
                            <span class="text-slate-300 mx-1">·</span>
                            <a href="{{ route('loan.book.applications.documents.application_form', $application) }}" target="_blank" data-turbo="false" class="text-slate-600 hover:underline">Application form</a>
                            @if ($application->requiresRetailAppraisal())
                                <span class="text-slate-300 mx-1">·</span>
                                <a href="{{ route('loan.book.applications.documents.appraisal_sheet', $application) }}" target="_blank" data-turbo="false" class="text-slate-600 hover:underline">Appraisal sheet</a>
                                <span class="text-slate-300 mx-1">·</span>
                                <x-loan.workspace-link :href="route('loan.book.applications.show', ['loan_book_application' => $application, 'tab' => 'approval'])" class="text-slate-600 hover:underline">Approval history</x-loan.workspace-link>
                            @endif
                            @if ($application->loan)
                                <span class="text-slate-300 mx-1">·</span>
                                <x-loan.workspace-link :href="route('loan.book.loans.show', $application->loan)" class="text-slate-600 hover:underline">Disbursement</x-loan.workspace-link>
                            @endif
                        </td>
                        <td class="px-4 py-3 text-right whitespace-nowrap">
                            <x-loan.workspace-link :href="route('loan.book.applications.show', $application)" class="text-teal-700 font-semibold hover:underline">Open</x-loan.workspace-link>
                            @if (in_array($stage, [\App\Models\LoanBookApplication::STAGE_SUBMITTED, \App\Models\LoanBookApplication::STAGE_CREDIT_REVIEW], true))
                                <span class="text-slate-300 mx-1">·</span>
                                <x-loan.frame-or-modal-link :href="route('loan.book.applications.edit', $application)" class="text-slate-600 font-medium hover:underline">Edit</x-loan.frame-or-modal-link>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="9" class="px-4 py-4 text-sm text-slate-500">None</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>
@endif

@if ($fragmentTab === 'loans')
<section>
    @if (($maxArrearsDays ?? 0) > 0 || ($totalArrearsAmount ?? 0) > 0)
        <div class="mb-3 rounded-lg bg-amber-50 px-3 py-2 text-sm text-amber-950 ring-1 ring-amber-200/80 max-lg:hidden" role="status">
            <span class="font-semibold">Arrears</span>
            · {{ $maxArrearsDays }} DPD
            @if (($totalArrearsAmount ?? 0) > 0)
                · KES {{ number_format($totalArrearsAmount, 0) }}
            @endif
        </div>
    @endif
    @include('loan.clients.partials._loan-table', [
        'loans' => $loanHistory,
        'tableTitle' => 'Loans',
        'emptyMessage' => 'No loans found for this client.',
        'installmentProgressByLoan' => $installmentProgressByLoan ?? [],
    ])
</section>
@endif

@if ($fragmentTab === 'payments')
<section>
    <div class="mb-3 flex flex-wrap items-center justify-between gap-2">
        <div>
            <h3 class="text-sm font-semibold text-slate-900 max-lg:sr-only">Payments</h3>
            @if ($paymentsLoanFilter ?? null)
                <p class="mt-0.5 text-xs text-slate-600">
                    @if ($paymentsLoanFilterLocked ?? false)
                        Loan adjustment in progress — showing repayments for <span class="font-mono font-semibold">{{ $paymentsLoanFilter->loan_number }}</span> only. Reverse newest on this loan first.
                    @else
                        Showing repayments for loan <span class="font-mono font-semibold">{{ $paymentsLoanFilter->loan_number }}</span>. Reverse newest first.
                    @endif
                </p>
            @endif
        </div>
        @if (($paymentsLoanFilter ?? null) && ! ($paymentsLoanFilterLocked ?? false))
            <x-loan.workspace-link
                :href="route('loan.clients.show', ['loan_client' => $loan_client, 'tab' => 'payments'])"
                class="text-xs font-semibold text-teal-700 hover:text-teal-800"
            >All client payments</x-loan.workspace-link>
        @endif
    </div>

    <div class="overflow-x-auto rounded-xl border border-slate-300">
        <table class="ws-table ws-table--register ws-table--sticky ws-table--sticky-first ws-table--sticky-actions min-w-[820px] w-full">
            <thead>
                <tr>
                    <th class="text-left">Transaction</th>
                    <th class="text-left">Loan</th>
                    <th class="text-right">Amount</th>
                    <th class="text-left">Method</th>
                    <th class="text-left">Status</th>
                    <th class="text-left">Time</th>
                    <th class="text-left">Actions</th>
                </tr>
            </thead>
            <tbody>
                @php $previousPaymentLoanId = null; @endphp
                @forelse (($recentPayments ?? collect()) as $payment)
                    @php
                        $status = ucfirst((string) ($payment->status ?? 'processed'));
                        $txn = $payment->receiptNumber() ?? ('TXN-' . $payment->id);
                        $currentPaymentLoanId = (int) ($payment->loan_book_loan_id ?? $payment->loan?->id ?? 0);
                        $isNewLoanPaymentGroup = $previousPaymentLoanId !== null && $currentPaymentLoanId !== $previousPaymentLoanId;
                        $previousPaymentLoanId = $currentPaymentLoanId;
                    @endphp
                    <tr
                        @class([
                            '[&>td]:border-b [&>td]:border-r [&>td]:border-slate-200 [&>td:last-child]:border-r-0',
                            '[&>td]:border-t-2 [&>td]:border-t-slate-400' => $isNewLoanPaymentGroup,
                        ])
                        x-show="mobileMatchesSearch(@js($txn), @js($payment->loan?->loan_number), @js($status))"
                    >
                        <td class="px-3 py-2 font-mono text-xs">{{ $txn }}</td>
                        <td class="px-3 py-2 font-mono text-xs">{{ $payment->loan?->loan_number ?? '—' }}</td>
                        <td class="text-right font-semibold tabular-nums">KES {{ number_format((float) ($payment->amount ?? 0), 0) }}</td>
                        <td class="px-3 py-2">{{ $payment->payment_method ?? $payment->payment_channel ?? 'Manual payment' }}</td>
                        <td class="px-3 py-2">
                            <span class="inline-flex rounded-full border px-2 py-1 text-xs font-semibold {{ strtolower((string) ($payment->status ?? 'processed')) === 'processed' ? 'border-emerald-200 bg-emerald-100 text-emerald-700' : 'border-amber-200 bg-amber-100 text-amber-700' }}">
                                {{ $status }}
                            </span>
                        </td>
                        <td class="px-3 py-2">{{ optional($payment->transaction_at)->format('M j, Y g:i A') ?? optional($payment->created_at)->format('M j, Y g:i A') ?? '—' }}</td>
                        <td class="px-3 py-2">
                            @if (
                                auth()->user()?->hasLoanPermission('payments.reverse.request')
                                && auth()->user()?->hasLoanPermission('payments.reverse.approve')
                                && $payment->payment_kind !== \App\Models\LoanBookPayment::KIND_C2B_REVERSAL
                                && ! (bool) $payment->funded_from_wallet
                                && (int) ($latestReversiblePaymentId ?? 0) === (int) $payment->id
                            )
                                <x-loan.workspace-link
                                    :href="route('loan.payments.reversal.create', ['from' => $payment->id])"
                                    class="text-xs font-semibold text-rose-700 hover:text-rose-800 hover:underline"
                                >Reverse</x-loan.workspace-link>
                            @else
                                @php
                                    $reverseLockHint = ($paymentsLoanFilterLocked ?? false)
                                        ? 'During loan adjustment: reverse the latest posted repayment on this loan only (newest first). Re-post from Unposted after saving terms — do not reverse re-posted cash.'
                                        : 'Only the latest posted repayment can be reversed. Reverse newer payments first.';
                                @endphp
                                <span class="text-xs text-slate-400" title="{{ $reverseLockHint }}">Locked</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="px-3 py-4 text-sm text-slate-500">None</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>
@endif

@if ($fragmentTab === 'documents')
<section>
    <div class="mb-3 flex items-center justify-between gap-2">
        <h3 class="text-sm font-semibold text-slate-900 max-lg:sr-only">Documents</h3>
        <x-loan.frame-or-modal-link :href="route('loan.clients.edit', $loan_client)" class="ws-btn ws-btn--ghost max-lg:ml-auto">Add document</x-loan.frame-or-modal-link>
    </div>

    <div class="overflow-x-auto rounded-xl border border-slate-300">
        <table class="ws-table ws-table--register ws-table--sticky ws-table--sticky-first ws-table--sticky-actions min-w-[740px] w-full">
            <thead>
                <tr>
                    <th class="text-left">Preview</th>
                    <th class="text-left">Document type</th>
                    <th class="text-left">Upload date</th>
                    <th class="text-left">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($documents as $document)
                    @php
                        $docUrl = $loan_client->kycImageUrl($document['path']);
                        $docLabel = (string) ($document['type'] ?? 'Document');
                        $docDate = (string) ($document['date'] ?? '');
                    @endphp
                    <tr
                        class="[&>td]:border-b [&>td]:border-r [&>td]:border-slate-200 [&>td:last-child]:border-r-0"
                        x-show="mobileMatchesSearch(@js($docLabel), @js($docDate))"
                    >
                        <td class="px-3 py-2">
                            <x-loan.kyc-image-trigger :src="$docUrl" :label="$docLabel">
                                <img src="{{ $docUrl }}" alt="" class="h-16 w-16 rounded-lg border border-slate-200 object-cover" loading="lazy" decoding="async">
                            </x-loan.kyc-image-trigger>
                        </td>
                        <td class="px-3 py-2">{{ $docLabel }}</td>
                        <td class="px-3 py-2">{{ $docDate !== '' ? $docDate : '—' }}</td>
                        <td class="px-3 py-2">
                            <x-loan.kyc-image-trigger :src="$docUrl" :label="$docLabel" class="inline-flex text-xs font-semibold text-teal-700 hover:text-teal-800">
                                View full size
                            </x-loan.kyc-image-trigger>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="px-3 py-4 text-sm text-slate-500">None</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>
@endif

@if ($fragmentTab === 'guarantors')
<section>
    @if (auth()->user()?->hasLoanPermission('applications.create'))
        <div class="mb-3 flex justify-end">
            <x-loan.workspace-link :href="route('loan.book.applications.create', ['loan_client_id' => $loan_client->id])" class="ws-btn ws-btn--primary text-xs">New application</x-loan.workspace-link>
        </div>
    @endif

    @if (($profileGuarantors ?? collect())->isNotEmpty())
        <div class="mb-4">
            <h4 class="mb-2 text-xs font-semibold uppercase tracking-wide text-slate-500">Profile</h4>
            <div class="overflow-x-auto rounded-xl border border-slate-300">
                <table class="ws-table ws-table--register ws-table--sticky ws-table--sticky-first min-w-[720px] w-full">
                    <thead>
                        <tr>
                            <th class="text-left">Slot</th>
                            <th class="text-left">Name</th>
                            <th class="text-left">Phone</th>
                            <th class="text-left">Relationship</th>
                            <th class="text-left">ID</th>
                            <th class="text-left">Address</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($profileGuarantors as $profileGuarantor)
                            <tr class="[&>td]:border-b [&>td]:border-r [&>td]:border-slate-200 [&>td:last-child]:border-r-0">
                                <td class="px-3 py-2">{{ $profileGuarantor['slot'] }}</td>
                                <td class="px-3 py-2 font-medium">{{ $profileGuarantor['full_name'] }}</td>
                                <td class="px-3 py-2">
                                    @if ($profileGuarantor['phone'] !== '')
                                        <x-phone-link :value="$profileGuarantor['phone']" />
                                    @else
                                        —
                                    @endif
                                </td>
                                <td class="px-3 py-2">{{ $profileGuarantor['relationship'] !== '' ? $profileGuarantor['relationship'] : '—' }}</td>
                                <td class="px-3 py-2">{{ $profileGuarantor['id_number'] !== '' ? $profileGuarantor['id_number'] : '—' }}</td>
                                <td class="px-3 py-2">{{ $profileGuarantor['address'] !== '' ? $profileGuarantor['address'] : '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    <h4 class="mb-2 text-xs font-semibold uppercase tracking-wide text-slate-500">On loans</h4>
    <div class="mb-4 overflow-x-auto rounded-xl border border-slate-300">
        <table class="ws-table ws-table--register ws-table--sticky ws-table--sticky-first min-w-[820px] w-full">
            <thead>
                <tr>
                    <th class="text-left">Name</th>
                    <th class="text-left">Phone</th>
                    <th class="text-left">Loan</th>
                    <th class="text-left">Status</th>
                    <th class="text-left">Relationship</th>
                    <th class="text-left">KYC</th>
                </tr>
            </thead>
            <tbody>
                @forelse (($loanGuarantorsForClient ?? collect()) as $guarantor)
                    <tr class="[&>td]:border-b [&>td]:border-r [&>td]:border-slate-200 [&>td:last-child]:border-r-0">
                        <td class="px-3 py-2">{{ $guarantor->full_name }}</td>
                        <td class="px-3 py-2">@if ($guarantor->phone)<x-phone-link :value="$guarantor->phone" />@else — @endif</td>
                        <td class="px-3 py-2">{{ $guarantor->loan?->loan_number ?: ($guarantor->application?->reference ?: '—') }}</td>
                        <td class="px-3 py-2">{{ ucfirst(str_replace('_', ' ', $guarantor->status)) }}</td>
                        <td class="px-3 py-2">{{ $guarantor->relationship ?: '—' }}</td>
                        <td class="px-3 py-2 text-xs">
                            @php
                                $links = array_filter([
                                    $guarantor->kycImageUrl($guarantor->photo_path) ? ['label' => 'Photo', 'url' => $guarantor->kycImageUrl($guarantor->photo_path)] : null,
                                    $guarantor->kycImageUrl($guarantor->id_front_photo_path) ? ['label' => 'ID front', 'url' => $guarantor->kycImageUrl($guarantor->id_front_photo_path)] : null,
                                    $guarantor->kycImageUrl($guarantor->id_back_photo_path) ? ['label' => 'ID back', 'url' => $guarantor->kycImageUrl($guarantor->id_back_photo_path)] : null,
                                ]);
                            @endphp
                            @forelse ($links as $link)
                                @php
                                    $kycUrl = $link['url'];
                                    $kycLabel = $link['label'];
                                @endphp
                                <x-loan.kyc-image-trigger :src="$kycUrl" :label="$kycLabel" class="mr-2 inline text-teal-700 hover:underline">
                                    {{ $kycLabel }}
                                </x-loan.kyc-image-trigger>
                            @empty
                                —
                            @endforelse
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-3 py-4 text-sm text-slate-500">None</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <h4 class="mb-2 text-xs font-semibold uppercase tracking-wide text-slate-500">Guaranteeing</h4>
    <div class="overflow-x-auto rounded-xl border border-slate-300">
        <table class="ws-table ws-table--register ws-table--sticky ws-table--sticky-first min-w-[820px] w-full">
            <thead>
                <tr>
                    <th class="text-left">Borrower</th>
                    <th class="text-left">Loan</th>
                    <th class="text-left">Status</th>
                    <th class="text-left">Helpfulness</th>
                </tr>
            </thead>
            <tbody>
                @forelse (($guaranteesProvidedByClient ?? collect()) as $guarantor)
                    <tr class="[&>td]:border-b [&>td]:border-r [&>td]:border-slate-200 [&>td:last-child]:border-r-0">
                        <td class="px-3 py-2">
                            @if ($guarantor->borrowerClient)
                                <x-loan.workspace-link :href="route('loan.clients.show', $guarantor->borrowerClient)" class="font-medium text-teal-700 hover:text-teal-800">{{ $guarantor->borrowerClient->full_name }}</x-loan.workspace-link>
                            @else — @endif
                        </td>
                        <td class="px-3 py-2">{{ $guarantor->loan?->loan_number ?: '—' }}</td>
                        <td class="px-3 py-2">{{ ucfirst(str_replace('_', ' ', $guarantor->status)) }}</td>
                        <td class="px-3 py-2">{{ $guarantor->helpfulness_status ? ucfirst(str_replace('_', ' ', $guarantor->helpfulness_status)) : '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="px-3 py-4 text-sm text-slate-500">None</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>
@endif

@if ($fragmentTab === 'spouse')
<section>
    <div class="mb-4 flex flex-wrap items-center justify-between gap-2">
        <h3 class="text-sm font-semibold text-slate-900 max-lg:sr-only">Spouse</h3>
        @if (auth()->user()?->hasLoanPermission('clients.update'))
            <x-loan.frame-or-modal-link
                :href="route('loan.clients.edit', $loan_client).'#spouse'"
                class="ws-btn ws-btn--secondary text-xs max-lg:ml-auto"
            >
                {{ $loan_client->hasSpouseProfile() ? 'Edit spouse' : 'Add spouse' }}
            </x-loan.frame-or-modal-link>
        @endif
    </div>

    @if ($loan_client->hasSpouseProfile())
        <div class="mb-4 overflow-x-auto rounded-xl border border-slate-300">
            <table class="ws-table ws-table--register min-w-[640px] w-full">
                <thead>
                    <tr>
                        <th class="text-left">Name</th>
                        <th class="text-left">Phone</th>
                        <th class="text-left">ID number</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="[&>td]:border-b [&>td]:border-r [&>td]:border-slate-200 [&>td:last-child]:border-r-0">
                        <td class="px-3 py-2 font-medium">{{ $loan_client->spouse_name }}</td>
                        <td class="px-3 py-2">
                            @if ($loan_client->spouse_phone)
                                <x-phone-link :value="$loan_client->spouse_phone" />
                            @else
                                —
                            @endif
                        </td>
                        <td class="px-3 py-2">{{ $loan_client->spouse_id_number ?: '—' }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    @else
        <div class="mb-4 rounded-xl border border-dashed border-slate-300 bg-slate-50 px-4 py-6 text-sm text-slate-600">
            No spouse details captured for this client yet.
        </div>
    @endif

    <h4 class="mb-2 text-xs font-semibold uppercase tracking-wide text-slate-500">Loan consent history</h4>
    <div class="overflow-x-auto rounded-xl border border-slate-300">
        <table class="ws-table ws-table--register ws-table--sticky ws-table--sticky-first min-w-[820px] w-full">
            <thead>
                <tr>
                    <th class="text-left">Application</th>
                    <th class="text-left">Product</th>
                    <th class="text-left">Stage</th>
                    <th class="text-left">Signed at</th>
                    <th class="text-left">Phone verified</th>
                    <th class="text-left">Details</th>
                </tr>
            </thead>
            <tbody>
                @forelse (($spouseConsentRecords ?? collect()) as $consentApplication)
                    @php
                        $consentMeta = (array) ($consentApplication->form_meta ?? []);
                        $signedAt = data_get($consentMeta, 'spouse_signed_at');
                        $otpVerifiedAt = data_get($consentMeta, 'spouse_phone_otp_verified_at');
                    @endphp
                    <tr class="[&>td]:border-b [&>td]:border-r [&>td]:border-slate-200 [&>td:last-child]:border-r-0">
                        <td class="px-3 py-2 font-medium">{{ $consentApplication->reference ?: ('APP-#'.$consentApplication->id) }}</td>
                        <td class="px-3 py-2">{{ $consentApplication->product_name ?: '—' }}</td>
                        <td class="px-3 py-2">{{ ucfirst(str_replace('_', ' ', (string) $consentApplication->stage)) }}</td>
                        <td class="px-3 py-2">{{ $signedAt ? \Illuminate\Support\Carbon::parse($signedAt)->format('d M Y H:i') : '—' }}</td>
                        <td class="px-3 py-2">{{ $otpVerifiedAt ? \Illuminate\Support\Carbon::parse($otpVerifiedAt)->format('d M Y H:i') : '—' }}</td>
                        <td class="px-3 py-2">
                            <x-loan.workspace-link :href="route('loan.book.applications.show', $consentApplication)" class="text-teal-700 hover:text-teal-800 text-xs font-semibold">
                                Open
                            </x-loan.workspace-link>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-3 py-4 text-sm text-slate-500">No spouse consent captured on applications yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>
@endif

@if ($fragmentTab === 'notes')
<section>
    <div class="mb-3 flex items-center justify-between gap-2">
        <h3 class="text-sm font-semibold text-slate-900 max-lg:sr-only">Notes</h3>
        <div class="flex flex-wrap items-center gap-2 max-lg:ml-auto">
            @if (\App\Support\Loan\ClientInteractionPolicy::canLog(auth()->user()) && \Illuminate\Support\Facades\Route::has('loan.clients.interactions.for_client.create'))
                <x-loan.workspace-link :href="route('loan.clients.interactions.for_client.create', $loan_client)" class="ws-btn ws-btn--secondary">Log interaction</x-loan.workspace-link>
            @endif
        </div>
    </div>

    <div class="overflow-x-auto rounded-xl border border-slate-300">
        <table class="ws-table ws-table--register ws-table--sticky ws-table--sticky-first min-w-[820px] w-full">
            <thead>
                <tr>
                    <th class="text-left">Type</th>
                    <th class="text-left">Subject</th>
                    <th class="text-left">Note</th>
                    <th class="text-left">By</th>
                    <th class="text-left">When</th>
                </tr>
            </thead>
            <tbody>
                @forelse (($loan_client->interactions ?? collect()) as $interaction)
                    @php
                        $when = optional($interaction->interacted_at)->format('M j, Y g:i A') ?? optional($interaction->created_at)->format('M j, Y g:i A') ?? '—';
                        $action = ucfirst(str_replace('_', ' ', (string) ($interaction->interaction_type ?? 'note')));
                        $body = $interaction->notes ?: 'No additional note.';
                    @endphp
                    <tr
                        class="[&>td]:border-b [&>td]:border-r [&>td]:border-slate-200 [&>td:last-child]:border-r-0"
                        x-show="mobileMatchesSearch(@js($action), @js($interaction->subject), @js($body))"
                    >
                        <td class="px-3 py-2">
                            <x-loan.workspace-link :href="route('loan.clients.interactions.show', $interaction)" class="font-semibold text-teal-800 hover:text-teal-900">
                                {{ $action }}
                            </x-loan.workspace-link>
                        </td>
                        <td class="px-3 py-2">{{ filled($interaction->subject) ? $interaction->subject : '—' }}</td>
                        <td class="px-3 py-2 text-slate-600">{{ $body }}</td>
                        <td class="px-3 py-2 text-xs text-slate-500">{{ $interaction->user?->name ?? 'System' }}</td>
                        <td class="px-3 py-2 text-xs text-slate-500 whitespace-nowrap">{{ $when }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="px-3 py-4 text-sm text-slate-500">None</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @include('loan.clients.partials.client-communication-timeline', [
        'communicationTimeline' => $communicationTimeline ?? [],
        'loan_client' => $loan_client,
    ])
</section>
@endif

@if ($fragmentTab === 'statement_analysis')
@include('loan.clients.partials.entity360-statement-analysis')
@endif

@if ($fragmentTab === 'wallet')
<section id="wallet" class="scroll-mt-24">
    @include('loan.clients.partials.client-tab-wallet')
</section>
@endif

@if ($fragmentTab === 'referrals')
<section>
    @include('loan.clients.partials.referral-panel', [
        'loan_client' => $loan_client,
        'referral' => $inboundReferral ?? null,
        'outboundReferrals' => $outboundReferrals ?? collect(),
        'rewardAmount' => $referralRewardAmount ?? null,
    ])
</section>
@endif
@endif
</div>
@else
    @foreach (($entity360['tabs'] ?? []) as $tab)
        @php
            $tabId = (string) ($tab['id'] ?? '');
            $isInitial = $tabId !== '' && $tabId === ($entity360['initial_tab'] ?? 'loans');
        @endphp
        @if ($tabId !== '')
            <section
                x-show="isTab('{{ $tabId }}')"
                x-cloak
                id="e360-client-{{ (int) ($entity360['entity_id'] ?? $loan_client->id) }}-{{ $tabId }}"
                data-e360-tab-panel="{{ $tabId }}"
                @if ($isInitial) data-e360-tab-loaded="1" @endif
            >
                <div data-e360-tab-body>
                    @if ($isInitial)
                        @include('loan.clients.partials.entity360-tab-fragment', [
                            'entity360Fragment' => true,
                            'entity360FragmentTab' => $tabId,
                            'e360PanelFragmentTab' => $tabId,
                        ])
                    @else
                        <x-loan.e360-tab-skeleton />
                    @endif
                </div>
            </section>
        @endif
    @endforeach
@endif