@php
    $leanAskMode = $leanAskMode ?? 'create';
    $askLocked = (bool) ($askLocked ?? false);
    $askAmountLocked = (bool) ($askAmountLocked ?? $askLocked);
    $askProductLocked = (bool) ($askProductLocked ?? $askAmountLocked);
    $canUpdateAsk = ! $askLocked || ! $askAmountLocked || ! $askProductLocked;
    $inFormModal = (bool) ($inFormModal ?? false);
@endphp
<div @class([
    'lean-ask-sticky-actions z-20 border-t border-slate-200 bg-white/95 py-3 backdrop-blur supports-[backdrop-filter]:bg-white/80',
    'sticky bottom-0 -mx-5 px-5' => ! $inFormModal,
    'lean-ask-sticky-actions--modal shrink-0 px-4' => $inFormModal,
]) data-lean-ask-step="actions">
    <div @class([
        'flex flex-wrap items-center gap-3',
        'justify-between' => ! $inFormModal,
        'flex-col sm:flex-row sm:justify-between' => $inFormModal,
    ])>
        @if ($leanAskMode === 'create')
            <div class="@if ($inFormModal) text-center sm:text-left @endif">
                <p class="text-[11px] text-slate-500" x-show="canSaveDraft()" x-cloak>
                    Save draft once client and product are selected. Save application keeps the loan ask; guarantors and security are completed before submit for approval.
                </p>
                <p class="text-[11px] text-amber-800" x-show="!canSaveDraft()" x-text="draftMinimumHint()"></p>
            </div>
        @else
            <p class="text-[11px] text-slate-500 @if ($inFormModal) text-center sm:text-left @endif">
                @if ($askLocked && $askAmountLocked && $askProductLocked)
                    Loan request is locked at this stage. Open Application 360 to continue workflow actions.
                @elseif ($askLocked)
                    Term and borrower stay locked. Save to update the amount or product, then continue in Application 360.
                @else
                    Changes save to the loan ask. Validation errors will appear here if the update is blocked.
                @endif
            </p>
        @endif
        <div class="flex w-full flex-wrap gap-2 @if ($inFormModal) sm:w-auto sm:justify-end @endif">
            @if ($leanAskMode === 'create')
                <button type="submit" @click="prepareDraftSave($event)" data-busy-label="Saving draft…" class="inline-flex items-center justify-center gap-2 rounded-lg border border-slate-300 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 shadow-sm hover:bg-slate-50 transition-colors" :class="{ 'opacity-60': !canSaveDraft() }" :title="canSaveDraft() ? 'Save this loan request and finish later.' : draftMinimumHint()">
                    Save draft
                </button>
                <button type="submit" @click="saveAsDraft='0'" data-busy-label="Saving application…" @disabled($askLocked) class="inline-flex items-center justify-center gap-2 rounded-lg bg-[#2f4f4f] px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-[#264040] transition-colors disabled:cursor-wait disabled:opacity-80">
                    Submit application
                </button>
            @else
                @if ($canUpdateAsk)
                    <input type="hidden" name="editing_ask" value="1">
                @endif
                <a href="{{ route('loan.book.applications.show', $application) }}" class="inline-flex items-center justify-center rounded-lg border border-slate-300 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 shadow-sm hover:bg-slate-50">
                    Open Application 360
                </a>
                <button type="submit" data-busy-label="Saving…" @disabled(! $canUpdateAsk) class="inline-flex items-center justify-center gap-2 rounded-lg bg-[#2f4f4f] px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-[#264040] transition-colors disabled:cursor-not-allowed disabled:opacity-60">
                    @if (! $canUpdateAsk)
                        Ask locked
                    @elseif ($askLocked)
                        Update amount &amp; product
                    @else
                        Update loan ask
                    @endif
                </button>
            @endif
        </div>
    </div>
</div>