@php
    use App\Support\LoanBook\LoanValidationMessagePresenter;
    use Illuminate\Support\MessageBag;

    $workflowRoute = $workflowRoute ?? [];
    $approvalRailSteps = $approvalRailSteps ?? [];
    $approvalUiStages = $approvalUiStages ?? $approvalRailSteps;
    $workflowConfigured = $workflowConfigured ?? false;
    $canSubmitForApproval = $canSubmitForApproval ?? false;
    $canActOnWorkflow = $canActOnWorkflow ?? false;
    $canRejectWorkflow = $canRejectWorkflow ?? false;
    $canReopenRejected = $canReopenRejected ?? false;
    $canActOnFirstStep = $canActOnFirstStep ?? false;
    $workflowActionLabels = $workflowActionLabels ?? ['approve' => 'Approve', 'reject' => 'Reject & send back'];
    $workflowName = (string) ($workflowRoute['workflow_name'] ?? '');
    $workflowKey = (string) ($workflowRoute['workflow_key'] ?? 'loan_application');
    $borrowerBlocked = (string) (($borrowerDecision['borrower_category'] ?? '') ?: '') === 'blocked';
    $appraisalIncomplete = ($appraisalReadiness['required'] ?? false) && ! ($appraisalReadiness['ready'] ?? false);
    $approveBlockedByAppraisal = $appraisalIncomplete;
    $canApproveUi = $canActOnWorkflow && ! $approveBlockedByAppraisal;
    $canOverrideBorrowerPolicy = $canOverrideBorrowerPolicy ?? false;

    $approvalActionErrorBag = new MessageBag();
    foreach (['approval', 'comments', 'stage', 'decision_comment', 'approved_principal', 'approved_term_value', 'conditions_text', 'exception_reason', 'graduation_reason', 'decline_reason', 'reject_target'] as $approvalErrorKey) {
        foreach ($errors->get($approvalErrorKey) as $message) {
            $approvalActionErrorBag->add($approvalErrorKey, $message);
        }
    }
    $approvalValidationLines = LoanValidationMessagePresenter::lines($approvalActionErrorBag);
    $hasApprovalValidationErrors = count($approvalValidationLines) > 0;

    $approvalActionFromQuery = request()->query('approval_action');
    $resolvedApprovalActionTab = in_array($approvalActionFromQuery, ['approve', 'reject', 'reopen_rejected'], true)
        ? $approvalActionFromQuery
        : null;
    $defaultApprovalActionTab = $resolvedApprovalActionTab
        ?? ($canApproveUi
            ? 'approve'
            : ($canRejectWorkflow ? 'reject' : 'approve'));

    // Land approvers on the attention checklist + final decision.
    $initialApprovalWorkStep = 3;
    $attentionAllApproved = (bool) data_get($approvalWorkspace, 'attention.all_approved', true);
    $attentionRequiredCount = (int) data_get($approvalWorkspace, 'attention.required_count', 0);
    $guarantorOtpDutyPending = (bool) data_get($approvalWorkspace, 'guarantor_otp.duty_required', false)
        && ! (bool) data_get($approvalWorkspace, 'guarantor_otp.all_verified', true);
    $finalApproveBlocked = $approveBlockedByAppraisal
        || ! empty($approvalWorkspace['frozen'])
        || ($attentionRequiredCount > 0 && ! $attentionAllApproved)
        || $guarantorOtpDutyPending;

    $approveBlockReasonKey = null;
    $approveBlockReason = null;
    $approveBlockReasonHint = null;
    if ($finalApproveBlocked) {
        if ($approveBlockedByAppraisal ?? false) {
            $approveBlockReasonKey = 'appraisal';
            $approveBlockReason = 'Complete appraisal before you can advance this file.';
            $approveBlockReasonHint = 'Finish the appraisal workspace, then return here to approve.';
        } elseif (($attentionRequiredCount ?? 0) > 0 && ! $attentionAllApproved) {
            $approveBlockReasonKey = 'attention';
            $approveBlockReason = 'Approve every review attention item above before proceeding.';
            $approveBlockReasonHint = 'Check each row in Review attentions, then try again.';
        } elseif ($guarantorOtpDutyPending) {
            $guarantorOtpRows = (array) data_get($approvalWorkspace, 'guarantor_otp.guarantors', []);
            $guarantorOtpPendingCount = collect($guarantorOtpRows)->filter(
                fn (array $row): bool => ! (bool) ($row['verified'] ?? false),
            )->count();
            $approveBlockReasonKey = 'guarantor_otp';
            $approveBlockReason = $guarantorOtpPendingCount === 1
                ? 'Verify the guarantor by OTP before you can approve and advance.'
                : "Verify all {$guarantorOtpPendingCount} guarantors by OTP before you can approve and advance.";
            $approveBlockReasonHint = 'Use Send OTP on each guarantor row, enter the SMS code, then tap Verify.';
        } elseif (! empty($approvalWorkspace['frozen'])) {
            $approveBlockReasonKey = 'frozen';
            $approveBlockReason = 'This decision workspace is frozen and cannot be advanced.';
            $approveBlockReasonHint = 'Contact an administrator if you believe this is an error.';
        } else {
            $approveBlockReasonKey = 'generic';
            $approveBlockReason = 'This approval action is currently blocked.';
            $approveBlockReasonHint = 'Review the checklist above for outstanding requirements.';
        }
    }

    $approveButtonLabel = (string) ($workflowActionLabels['approve'] ?? 'Approve');
    if (str_contains($approveButtonLabel, 'Approve & advance to ')) {
        $approveButtonLabel = 'Approve and send to '.substr($approveButtonLabel, strlen('Approve & advance to '));
    } elseif (str_contains($approveButtonLabel, 'Approve & move to booking')) {
        $approveButtonLabel = 'Approve and complete';
    }

    $currentStageLabel = (string) ($workflowActionLabels['current'] ?? '');
    if ($currentStageLabel === '' && $approvalUiStages !== []) {
        $currentStageRow = collect($approvalUiStages)->firstWhere('state', 'current');
        if (is_array($currentStageRow)) {
            $currentStageLabel = (string) ($currentStageRow['label'] ?? '');
        } elseif (collect($approvalUiStages)->every(static fn (array $step): bool => ($step['state'] ?? '') === 'done')) {
            $currentStageLabel = 'Credit approved';
        }
    }

    $approvalCreditComplete = in_array((string) $application->stage, [
        \App\Models\LoanBookApplication::STAGE_APPROVED,
        \App\Models\LoanBookApplication::STAGE_DISBURSED,
    ], true)
        || (string) ($application->workflow_status ?? '') === \App\Models\LoanBookApplication::WORKFLOW_STATUS_APPROVED
        || in_array((string) (($approvalRequest ?? null)?->current_status ?? ''), [
            \App\Models\ApprovalRequest::STATUS_APPROVED,
            \App\Models\ApprovalRequest::STATUS_OVERRIDDEN,
        ], true);

    if ($approvalCreditComplete) {
        $currentStageLabel = 'Credit approved';
    }

    $simplifiedApproveForm = app(\App\Services\Approval\LoanApplicationApprovalService::class)
        ->isLightweightApproveStep($application);
@endphp

<div
    id="loan-approval-workspace"
    class="loan-approval-workspace loan-approval-workspace--attention"
    x-data="{
        activeActionTab: @js($defaultApprovalActionTab),
        init() {
            const heal = () => {
                if (typeof window.__ensureApprovalWorkspaceInteractive === 'function') {
                    window.__ensureApprovalWorkspaceInteractive(this.$el, 'workspace-alpine-init');
                }
            };
            heal();
            this.$nextTick(heal);
            window.setTimeout(heal, 100);
            this.focusDecisionSection();
            this._onE360TabChanged = (event) => {
                if (event?.detail === 'approval') {
                    this.focusDecisionSection();
                }
            };
            window.addEventListener('e360-tab-changed', this._onE360TabChanged);
        },
        destroy() {
            if (this._onE360TabChanged) {
                window.removeEventListener('e360-tab-changed', this._onE360TabChanged);
            }
        },
        focusDecisionSection() {
            this.$nextTick(() => {
                const target = document.getElementById('loan-approval-attention')
                    || document.getElementById('loan-approval-action');
                this.scrollApprovalTargetIntoView(target);
            });
        },
        scrollApprovalTargetIntoView(target) {
            if (! (target instanceof Element)) {
                return;
            }
            const host = document.getElementById('loan-workspace')
                || document.querySelector('#loan-workspace-content [data-ws-content]');
            if (host && host.contains(target)) {
                const hostRect = host.getBoundingClientRect();
                const targetRect = target.getBoundingClientRect();
                host.scrollTop += targetRect.top - hostRect.top - 12;

                return;
            }
            target.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
        },
        scrollToApprovalBlocker(key) {
            const idByKey = {
                guarantor_otp: 'loan-approval-guarantor-otp',
                attention: 'loan-approval-attention',
                appraisal: 'loan-appraisal-workspace',
                frozen: 'loan-approval-action',
                generic: 'loan-approval-attention',
            };
            if (key === 'appraisal') {
                this.openAppraisalTab();
            }
            const target = document.getElementById(idByKey[key] || 'loan-approval-attention');
            if (! (target instanceof Element)) {
                return;
            }
            target.classList.remove('loan-approval-blocker--pulse');
            void target.offsetWidth;
            target.classList.add('loan-approval-blocker--pulse');
            window.setTimeout(() => target.classList.remove('loan-approval-blocker--pulse'), 2200);
            this.scrollApprovalTargetIntoView(target);
            if (typeof window.safeSwalFire === 'function') {
                window.safeSwalFire({
                    icon: 'info',
                    title: 'Complete this step first',
                    text: target.querySelector('[data-approval-blocker-hint]')?.textContent?.trim()
                        || 'Finish the highlighted requirement above, then approve.',
                    toast: true,
                    position: 'top-end',
                    timer: 4200,
                    showConfirmButton: false,
                });
            }
        },
        openAppraisalTab() {
            if (typeof window.navigateEntity360Tab === 'function' && window.navigateEntity360Tab('appraisal')) {
                return;
            }
            if (typeof window.invokeEntity360SetTab === 'function' && window.invokeEntity360SetTab('appraisal')) {
                return;
            }
            if (typeof window.elisEntity360Nav?.tab === 'function') {
                window.elisEntity360Nav.tab('appraisal');
            }
        },
    }"
>
    @if ($approvalEngineEnabled ?? false)
        <div class="loan-approval-panel overflow-hidden border bg-white">
            <div class="loan-approval-panel__body loan-approval-panel__body--attention">
                @include('loan.book.applications.partials.approval-desk-banner')

                @if (($appraisalReadiness['ready'] ?? false) && ! ($approveBlockedByAppraisal ?? false))
                    <div class="flex justify-end">
                        <button
                            type="button"
                            class="loan-ent-btn loan-ent-btn--outline loan-ent-btn--sm"
                            @click="openAppraisalTab()"
                        >Review appraisal pages</button>
                    </div>
                @endif

                @if (! $workflowConfigured)
                    <div class="loan-ent-req-banner loan-ent-req-banner--warning">
                        <div class="loan-ent-req-banner__head">
                            <p class="loan-ent-req-banner__title">Approval workflow not configured</p>
                        </div>
                        <p class="text-xs">Configure a loan application workflow in Workflow Center.</p>
                        <x-loan.workspace-link :href="route('loan.system.setup.workflow_center.index')" class="mt-1.5 inline-flex text-xs font-semibold text-amber-900 hover:underline">Open Workflow Center →</x-loan.workspace-link>
                    </div>
                @else
                    @include('loan.book.applications.partials.approval-attention-checklist')

                    @if (($awaitingMakerCorrection ?? false) && ! ($canSubmitForApproval ?? false))
                        <div class="loan-ent-req-banner loan-ent-req-banner--warning loan-approval-gate">
                            <div class="min-w-0">
                                <p class="loan-ent-req-banner__title">Correction required before resubmit</p>
                                @if (filled($loanOfficerCorrectionNotes ?? null))
                                    <p class="mt-1 text-xs"><span class="font-semibold">Approver note:</span> {{ $loanOfficerCorrectionNotes }}</p>
                                @endif
                                <p class="mt-1 text-xs">
                                    Use <strong>Edit application</strong> to change the requested amount or product, open
                                    <strong>Appraisal</strong> to revise field work, then complete appraisal again before you submit for approval.
                                </p>
                            </div>
                            <div class="mt-2 flex flex-wrap gap-2">
                                <x-loan.frame-or-modal-link
                                    :href="route('loan.book.applications.edit', $application)"
                                    class="loan-ent-btn loan-ent-btn--outline loan-ent-btn--sm"
                                >Edit application</x-loan.frame-or-modal-link>
                                <button type="button" class="loan-ent-btn loan-ent-btn--primary loan-ent-btn--sm" @click="openAppraisalTab()">
                                    Open appraisal
                                </button>
                            </div>
                        </div>
                    @endif

                    {{-- Gates stay visible when relevant --}}
                    @if ($approveBlockedByAppraisal)
                        <div class="loan-ent-req-banner loan-ent-req-banner--warning loan-approval-gate">
                            <div class="loan-approval-gate__row">
                                <div class="min-w-0">
                                    <p class="loan-ent-req-banner__title">Appraisal required</p>
                                </div>
                                <button type="button" @click="openAppraisalTab()" class="loan-ent-btn loan-ent-btn--outline loan-ent-btn--sm shrink-0">
                                    Open Appraisal
                                    <svg class="loan-ent-btn__icon" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd"/></svg>
                                </button>
                            </div>
                        </div>
                    @endif

                    @if ($canSubmitForApproval)
                        <div class="loan-ent-req-banner loan-ent-req-banner--success loan-approval-gate">
                            <div class="loan-approval-gate__row">
                                <div class="min-w-0">
                                    <p class="loan-ent-req-banner__title">{{ ($awaitingLoanOfficerResubmit ?? false) ? 'Ready to resubmit' : 'Ready for approval' }}</p>
                                    <p class="mt-0.5 text-xs text-emerald-900/90">
                                        @if ($awaitingLoanOfficerResubmit ?? false)
                                            Submit the corrected file back into the workflow. Later desks will review each attention item when the file reaches them.
                                        @else
                                            Submit the file into the workflow. Approvers on later desks will check each review attention — you do not approve those items yourself.
                                        @endif
                                    </p>
                                </div>
                                <form
                                    method="post"
                                    action="{{ route('loan.book.applications.approval.submit', $application) }}"
                                    x-data="{ submitting: false, busyLabel: 'Submitting…' }"
                                    data-turbo-frame="{{ \App\Support\Navigation\WorkspaceEmbed::workflowActionTurboFrame() }}"
                                    data-preserve-workspace-scroll="1"
                                    data-swal-confirm="This will send the application into the approval workflow. You will not be able to edit appraisal while it is pending approval."
                                    data-swal-title="Submit for approval"
                                    data-swal-confirm-text="Yes, submit"
                                    data-swal-cancel-text="Cancel"
                                    data-busy-label="Submitting…"
                                    @submit="if ($event.defaultPrevented) return; if (submitting && $el.dataset.allowBusySubmit !== '1') { $event.preventDefault(); return; } delete $el.dataset.allowBusySubmit; submitting = true; busyLabel = 'Submitting…'"
                                >
                                    @csrf
                                    <x-loan.workspace-embed-field />
                                    <button
                                        type="submit"
                                        data-swal-confirm="This will send the application into the approval workflow. You will not be able to edit appraisal while it is pending approval."
                                        data-swal-title="Submit for approval"
                                        data-swal-confirm-text="Yes, submit"
                                        data-loan-busy-owner="1"
                                        data-busy-label="Submitting…"
                                        x-bind:aria-busy="submitting ? 'true' : 'false'"
                                        x-bind:class="submitting ? 'opacity-90 cursor-wait' : ''"
                                        class="loan-ent-btn loan-ent-btn--primary loan-ent-btn--sm inline-flex items-center justify-center gap-1.5"
                                    >
                                        <span x-show="!submitting">Submit for approval</span>
                                        <span x-show="submitting" x-cloak class="inline-flex items-center gap-1.5">
                                            <span class="loan-submit-spinner" aria-hidden="true"></span>
                                            <span x-text="busyLabel">Submitting…</span>
                                        </span>
                                    </button>
                                </form>
                            </div>
                        </div>
                    @endif

                    @if ($canReopenRejected)
                        @php
                            $reopenTargets = $approvalWorkspace['reject_targets'] ?? \App\Support\Approval\ApprovalRejectTargetOptions::correctionWorkspaces();
                            $reopenTargetDefault = old('reject_target', $reopenTargets[0]['value'] ?? 'appraisal');
                        @endphp
                        <div class="loan-ent-req-banner loan-ent-req-banner--warning loan-approval-gate">
                            <div class="min-w-0">
                                <p class="loan-ent-req-banner__title">Previously rejected — send back to a stage</p>
                                <p class="mt-0.5 text-xs">Same as a normal rejection: choose the stage and leave correction notes so the file can continue.</p>
                            </div>
                            <form
                                method="post"
                                action="{{ route('loan.book.applications.approval.reopen_rejected', $application) }}"
                                class="mt-3 space-y-2"
                                x-data="{ submitting: false }"
                                data-turbo-frame="{{ \App\Support\Navigation\WorkspaceEmbed::workflowActionTurboFrame() }}"
                                data-preserve-workspace-scroll="1"
                                data-swal-confirm="Send this previously rejected application back to the selected stage?"
                                data-swal-title="Send back from rejection"
                                data-swal-confirm-text="Send back"
                                @submit="if ($event.defaultPrevented) return; if (submitting && $el.dataset.allowBusySubmit !== '1') { $event.preventDefault(); return; } delete $el.dataset.allowBusySubmit; submitting = true"
                            >
                                @csrf
                                <x-loan.workspace-embed-field />
                                <label class="loan-ent-label" for="reject_target_reopen">Send rejection back to</label>
                                <select id="reject_target_reopen" name="reject_target" required class="loan-ent-input mt-1">
                                    @foreach ($reopenTargets as $target)
                                        <option value="{{ $target['value'] }}" @selected($reopenTargetDefault === $target['value'])>{{ $target['label'] }}</option>
                                    @endforeach
                                </select>
                                @error('reject_target')
                                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                                @enderror
                                <label class="loan-ent-label mt-2" for="approval-comment-reopen-rejected">Correction notes</label>
                                <p class="mt-0.5 text-[11px] text-slate-500">Mandatory guideline for what must be fixed (min 10 characters).</p>
                                <textarea
                                    id="approval-comment-reopen-rejected"
                                    name="comments"
                                    rows="3"
                                    required
                                    minlength="10"
                                    class="loan-ent-textarea mt-1"
                                    placeholder="Describe what must be corrected before this can be approved again..."
                                >{{ old('comments') }}</textarea>
                                @error('comments')
                                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                                @enderror
                                @error('approval')
                                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                                @enderror
                                <x-loan.busy-submit-button
                                    label="Send back from rejection"
                                    busy-label="Sending…"
                                    class="loan-ent-btn loan-ent-btn--primary mt-2 w-full sm:w-auto"
                                />
                            </form>
                        </div>
                    @endif

                    @if ($canActOnWorkflow || $canRejectWorkflow || $approveBlockedByAppraisal)
                        @include('loan.book.applications.partials.approval-proceed-form')
                    @endif

                    @if (! ($canActOnWorkflow || $canRejectWorkflow || $approveBlockedByAppraisal || $canSubmitForApproval))
                        @if ($workflowConfigured && ($approvalRequest ?? null) && $approvalRequest->isOpen() && ($approvalWaitingViewer ?? null))
                            @php
                                $waitingViewerVariant = (string) (($approvalWaitingViewer['variant'] ?? 'waiting') === 'attention' ? 'amber' : 'slate');
                            @endphp
                            <div @class([
                                'rounded-md border px-2.5 py-2 text-xs',
                                'border-amber-200 bg-amber-50 text-amber-950' => $waitingViewerVariant === 'amber',
                                'border-slate-200 bg-slate-50 text-slate-800' => $waitingViewerVariant !== 'amber',
                            ])>
                                <p class="font-semibold">{{ $approvalWaitingViewer['title'] ?? 'Waiting for approval' }}</p>
                                @if (! empty($approvalWaitingViewer['message']))
                                    <p class="mt-0.5">{{ $approvalWaitingViewer['message'] }}</p>
                                @endif
                            </div>
                        @elseif (
                            ! ($canSubmitForApproval ?? false)
                            && ! $approvalRequest
                            && in_array((string) $application->stage, [\App\Models\LoanBookApplication::STAGE_SUBMITTED, \App\Models\LoanBookApplication::STAGE_CREDIT_REVIEW], true)
                        )
                            <p class="rounded-md border border-slate-200 bg-slate-50 px-2.5 py-2 text-xs text-slate-600">You do not have permission to act on this approval workflow.</p>
                        @endif
                    @endif

                    @if ($approvalRequest)
                        <div class="space-y-3">
                            <dl class="loan-ent-summary-strip loan-approval-request-strip">
                                <div class="loan-ent-summary-strip__item">
                                    <dt class="loan-ent-summary-strip__label">Request status</dt>
                                    <dd class="loan-ent-summary-strip__value">{{ str($approvalRequest->current_status)->headline() }}</dd>
                                </div>
                                <div class="loan-ent-summary-strip__item">
                                    <dt class="loan-ent-summary-strip__label">Submitted by</dt>
                                    <dd class="loan-ent-summary-strip__value">{{ $approvalRequest->requester?->name ?? '—' }}</dd>
                                </div>
                                <div class="loan-ent-summary-strip__item">
                                    <dt class="loan-ent-summary-strip__label">Submitted at</dt>
                                    <dd class="loan-ent-summary-strip__value">{{ $approvalRequest->submitted_at?->format('Y-m-d H:i') ?? '—' }}</dd>
                                </div>
                            </dl>

                            <section class="loan-approval-section">
                                <h3 class="loan-approval-section__label">Decision timeline</h3>
                                @if ($approvalRequest->actions->isNotEmpty())
                                    <ul class="loan-approval-timeline">
                                        @foreach ($approvalRequest->actions as $action)
                                            <li class="loan-approval-timeline__item">
                                                <div class="loan-approval-timeline__head">
                                                    <span class="loan-approval-timeline__type">{{ str($action->action_type)->headline() }}</span>
                                                    <span class="loan-approval-timeline__when">{{ $action->created_at?->format('Y-m-d H:i') }}</span>
                                                </div>
                                                <p class="loan-approval-timeline__actor">{{ $action->actor?->name ?? 'System' }}@if ($action->step_key) · {{ str($action->step_key)->headline() }}@endif</p>
                                                @if ($action->comments)
                                                    <p class="loan-approval-timeline__comment">{{ $action->comments }}</p>
                                                @endif
                                            </li>
                                        @endforeach
                                    </ul>
                                @else
                                    <p class="mt-1.5 text-xs text-slate-600">No decisions recorded yet.</p>
                                @endif

                                @if ($approvalRequest->overrides->isNotEmpty())
                                    <div class="mt-2 rounded-md border border-amber-200 bg-amber-50 px-2.5 py-1.5 text-xs text-amber-950">
                                        <p class="font-semibold">Override recorded</p>
                                        @foreach ($approvalRequest->overrides as $override)
                                            <p class="mt-0.5">{{ $override->actor?->name }}: {{ $override->reason }}</p>
                                        @endforeach
                                    </div>
                                @endif
                            </section>
                        </div>
                    @endif
                @endif
            </div>
        </div>
    @else
        <div class="loan-app-360-split__main space-y-3">
            <div class="loan-app-360-card loan-app-360-card--dense">
                <h3 class="loan-app-360-card__title">Credit decision</h3>
                @if ($approvalRailSteps !== [])
                    <div class="mt-3">
                        @include('loan.book.applications.partials.application-360-approval-tracker', [
                            'approvalUiStages' => $approvalUiStages,
                        ])
                    </div>
                @endif
                <dl class="mt-3 grid max-w-lg gap-2 text-xs sm:grid-cols-2">
                    <div><dt class="text-slate-500">Stage</dt><dd class="font-semibold text-slate-900">{{ $stageLabel ?? str($application->stage)->headline() }}</dd></div>
                    <div><dt class="text-slate-500">Required level</dt><dd class="font-semibold text-slate-900">{{ $workflowRoute['approval_level_required'] ?? 'Standard' }}</dd></div>
                </dl>

                @if ($borrowerBlocked)
                    @php
                        $blockReasons = \App\Support\LoanBook\BorrowerBlockingReasonFormatter::describeMany(
                            (array) ($borrowerDecision['blocking_reasons'] ?? []),
                            (array) ($borrowerCapacity ?? []),
                            $application->loanClient,
                        );
                    @endphp
                    <div class="mt-3 rounded-lg border border-rose-200 bg-rose-50 px-3 py-2 text-xs text-rose-900">
                        <p class="font-semibold">Borrower blocked</p>
                        @if ($blockReasons !== [])
                            <ul class="mt-1.5 list-disc space-y-0.5 pl-4">
                                @foreach ($blockReasons as $reasonLabel)
                                    <li>{{ $reasonLabel }}</li>
                                @endforeach
                            </ul>
                        @endif
                        @if ($application->loanClient)
                            <p class="mt-2">
                                <a href="{{ route('loan.clients.edit', $application->loanClient) }}" class="font-semibold underline">Open client profile</a>
                            </p>
                        @endif
                    </div>
                @endif

                @if ($hasApprovalValidationErrors)
                    <div class="mt-3 rounded-lg border border-rose-200 bg-rose-50 px-3 py-2 text-xs text-rose-900" role="alert">
                        <p class="font-semibold">Could not update decision</p>
                        <ul class="mt-1 list-disc space-y-0.5 pl-4">
                            @foreach ($approvalValidationLines as $line)
                                <li>{{ $line['message'] }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                @if (in_array((string) $application->stage, [\App\Models\LoanBookApplication::STAGE_SUBMITTED, \App\Models\LoanBookApplication::STAGE_CREDIT_REVIEW], true))
                    <form
                        method="post"
                        action="{{ route('loan.book.applications.update_stage', $application) }}"
                        class="mt-4 space-y-3 rounded-lg border border-slate-200 bg-slate-50/70 p-3"
                        x-data="{ submitting: false, busyLabel: 'Submitting…' }"
                        data-turbo-frame="{{ \App\Support\Navigation\WorkspaceEmbed::workflowActionTurboFrame() }}"
                        data-swal-confirm="Record this approval decision and advance the workflow?"
                        data-swal-title="Approve application"
                        data-swal-confirm-text="Approve"
                        @submit="if ($event.defaultPrevented) return; if (submitting && $el.dataset.allowBusySubmit !== '1') { $event.preventDefault(); return; } delete $el.dataset.allowBusySubmit; submitting = true; const btn = $event.submitter; busyLabel = (btn && String(btn.value || '').includes('declined')) ? 'Declining…' : 'Approving…'"
                    >
                        @csrf
                        @method('PATCH')
                        <x-loan.workspace-embed-field />

                        <label class="block text-xs">
                            <span class="font-semibold text-slate-700">Decision comment</span>
                            <textarea
                                name="decision_comment"
                                rows="3"
                                maxlength="2000"
                                required
                                class="mt-1 w-full rounded-lg border-slate-200 text-sm"
                                placeholder="Required — e.g. Approved after credit review"
                            >{{ old('decision_comment') }}</textarea>
                            @error('decision_comment')
                                <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                            @error('stage')
                                <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </label>

                        <div class="flex flex-wrap items-center gap-2">
                            <button
                                type="submit"
                                name="stage"
                                value="{{ \App\Models\LoanBookApplication::STAGE_APPROVED }}"
                                class="loan-app-360-btn loan-app-360-btn--primary inline-flex items-center justify-center gap-1.5"
                                data-swal-confirm="Record this approval decision and advance the workflow?"
                                data-swal-title="Approve application"
                                data-swal-confirm-text="Approve"
                                :aria-busy="submitting ? 'true' : 'false'"
                                :class="{ 'opacity-80 cursor-wait': submitting }"
                            >
                                <span x-show="!submitting">Approve application</span>
                                <span x-show="submitting" x-cloak class="inline-flex items-center gap-1.5">
                                    <span class="loan-submit-spinner" aria-hidden="true"></span>
                                    <span x-text="busyLabel"></span>
                                </span>
                            </button>
                            <button
                                type="submit"
                                name="stage"
                                value="{{ \App\Models\LoanBookApplication::STAGE_DECLINED }}"
                                class="inline-flex h-9 items-center justify-center gap-1.5 rounded-md border border-rose-300 bg-white px-3 text-xs font-semibold text-rose-800 hover:bg-rose-50"
                                data-swal-confirm="Decline this application? This cannot be undone without reopening the file."
                                data-swal-title="Decline application"
                                data-swal-confirm-text="Decline"
                                :aria-busy="submitting ? 'true' : 'false'"
                                :class="{ 'opacity-80 cursor-wait': submitting }"
                            >
                                <span x-show="!submitting">Decline application</span>
                                <span x-show="submitting" x-cloak class="inline-flex items-center gap-1.5">
                                    <span class="loan-submit-spinner" aria-hidden="true"></span>
                                    <span x-text="busyLabel"></span>
                                </span>
                            </button>
                            <x-loan.frame-or-modal-link
                                :href="route('loan.book.applications.edit', $application)"
                                class="loan-app-360-btn loan-app-360-btn--secondary"
                            >Edit loan details</x-loan.frame-or-modal-link>
                        </div>
                    </form>
                @else
                    <div class="mt-3 flex flex-wrap gap-2">
                        <x-loan.frame-or-modal-link
                            :href="route('loan.book.applications.edit', $application)"
                            class="loan-app-360-btn loan-app-360-btn--secondary"
                        >Edit loan details</x-loan.frame-or-modal-link>
                        <x-loan.frame-or-modal-link
                            :href="route('loan.book.applications.index')"
                            class="loan-app-360-btn loan-app-360-btn--secondary"
                        >Applications register</x-loan.frame-or-modal-link>
                    </div>
                @endif
            </div>
        </div>
        <aside class="loan-app-360-split__side">
            @include('loan.book.applications.partials.application-360-linked-loan')
        </aside>
    @endif
</div>