@php
    $leanAskMode = 'edit';
    $askLocked = (bool) ($askLocked ?? false);
    $askAmountLocked = (bool) ($askAmountLocked ?? $askLocked);
    $askProductLocked = (bool) ($askProductLocked ?? $askAmountLocked);
    $mapped = $loanFormMappedFields ?? [];
    $mappedBookingSegments = $mappedBookingFieldDisplaySegments ?? [];
    $draftApplication = $draftApplication ?? $application;
    $lockPrefilledClient = true;
    $prefilledClient = $prefilledClient ?? $application->loanClient;
    $selectedClientId = $selectedClientId ?? $application->loan_client_id;
    $inFormModal = request()->header('Turbo-Frame') === 'loan-form-modal';

    $editFeeMeta = (array) ($application->form_meta ?? []);
    $editFeesFulfilled = strtolower(trim((string) data_get($editFeeMeta, 'fee_fulfillment_status', ''))) === 'fulfilled';
    $editFeeAttachedPayments = collect((array) data_get($editFeeMeta, 'fee_selected_payments', []))
        ->filter(static fn ($row): bool => is_array($row) && (int) ($row['id'] ?? 0) > 0)
        ->map(static function (array $row): array {
            $id = (int) $row['id'];
            $amount = round((float) ($row['amount'] ?? 0), 2);
            $reference = (string) ($row['reference'] ?? ('PAY-#'.$id));

            return [
                'id' => $id,
                'amount' => $amount,
                'reference' => $reference,
                'label' => $reference.' | '.number_format($amount, 2).' (already attached)',
                'payment_kind' => (string) ($row['payment_kind'] ?? 'attached'),
                'status' => 'attached',
                'channel' => '',
                'transaction_at' => '',
            ];
        })
        ->values()
        ->all();
    $editFeeWalletAmount = round((float) old(
        'wallet_fee_amount',
        data_get($editFeeMeta, 'fee_wallet_funding_amount', 0)
    ), 2);
@endphp

<x-loan.modal-form :title="$title" :subtitle="$inFormModal ? null : $subtitle" :maxWidth="$inFormModal ? 'lg' : 'full'">
    @if (! $inFormModal)
        <x-slot name="actions">
            <a href="{{ route('loan.book.applications.show', $application) }}" class="inline-flex items-center justify-center rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-700 shadow-sm hover:bg-slate-50 transition-colors">Application 360</a>
            <a href="{{ route('loan.book.applications.index') }}" class="inline-flex items-center justify-center rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-700 shadow-sm hover:bg-slate-50 transition-colors">Back</a>
        </x-slot>
    @endif

    <div
        @class([
            'lean-ask-workspace client-form-sheet grid items-start gap-6',
            'mx-auto max-w-3xl grid-cols-1' => $inFormModal,
            'mx-auto max-w-7xl grid-cols-1 xl:grid-cols-[minmax(0,1.1fr)_minmax(0,1.4fr)]' => ! $inFormModal,
        ])
        x-data="loanProductPicker(
            @js($productMetaByName ?? []),
            @js((string) old('term_unit', $application->term_unit ?? '')),
            @js(old('suspense_payment_ids', (array) data_get(
                $application->form_meta,
                'fee_selected_payment_ids',
                array_values(array_filter([data_get($application->form_meta, 'fee_selected_payment_id')]))
            ))),
            0,
            @js($productFieldConfig ?? []),
            @js($clientLookupUrl ?? ''),
            true,
            @js((string) old('loan_client_id', $application->loan_client_id)),
            @js(route('loan.tools.discover_products')),
            @js((string) old('product_name', $application->product_name ?? ''))
        )"
        data-products-store-url="{{ route('loan.book.applications.products.store') }}"
        data-suspense-options-url="{{ route('loan.book.applications.suspense_options') }}"
        data-discover-products-url="{{ route('loan.tools.discover_products') }}"
        data-product-bootstrap-url="{{ route('loan.book.applications.product_bootstrap') }}"
        data-lean-ask="1"
        data-lean-ask-modal="{{ $inFormModal ? '1' : '0' }}"
        data-fees-fulfilled="{{ $editFeesFulfilled ? '1' : '0' }}"
        data-fee-wallet-amount="{{ $editFeeWalletAmount }}"
        data-fee-attached-payments='@json($editFeeAttachedPayments)'
        data-initial-requested-amount="{{ old('amount_requested', $draftApplication?->amount_requested ?? '') }}"
    >
        @if (! $inFormModal)
            <aside class="space-y-4 xl:sticky xl:top-4 xl:self-start">
                @include('loan.book.applications.partials.lean-ask.header')
                @include('loan.book.applications.partials.lean-ask.lock-banner')
                @include('loan.book.applications.partials.client-due-diligence-consumer', [
                    'clientDueDiligence' => $clientDueDiligence ?? null,
                ])
                @include('loan.book.applications.partials.lean-ask.workflow-status')
            </aside>
        @endif

        <form
            method="post"
            action="{{ route('loan.book.applications.update', $application) }}"
            enctype="multipart/form-data"
            @class([
                'lean-ask-form-shell client-form relative w-full min-w-0',
                'rounded-xl border border-slate-200 bg-white px-5 py-5 shadow-sm space-y-5' => ! $inFormModal,
            ])
            data-lean-ask-form
        >
            @csrf
            @method('patch')
            @if ($inFormModal)
                <input type="hidden" name="_loan_modal" value="1">
            @endif
            <input type="hidden" name="draft_id" value="{{ $application->id }}">
            <input type="hidden" name="loan_client_id" value="{{ $application->loan_client_id }}">
            <input type="hidden" name="stage" value="{{ old('stage', $application->stage) }}">
            <input type="hidden" name="branch" id="branch" value="{{ old('branch', $application->branch) }}">
            <input type="hidden" name="clear_fee_funding" :value="feesFundingCleared ? '1' : '0'" value="0">

            <div class="client-form-scroll space-y-5">
                @if ($inFormModal)
                    <div class="lean-ask-mobile-identity">
                        @include('loan.book.applications.partials.lean-ask.header')
                        @include('loan.book.applications.partials.lean-ask.lock-banner')
                    </div>
                @endif

                @include('loan.partials.modal-validation-alert', [
                    'title' => __('Application could not be updated. Fix the issues below and try again.'),
                    'sticky' => $inFormModal,
                    'id' => 'loan-application-edit-validation-summary',
                ])

                @include('loan.book.applications.partials.lean-ask.loan-request')

                @include('loan.book.applications.partials.spouse-consent', [
                    'application' => $application,
                ])

                @include('loan.book.applications.partials.applicant-certification', [
                    'application' => $application,
                ])

                @include('loan.book.applications.partials.lean-ask.fees')

                <div>
                    <label for="notes" class="block text-xs font-semibold text-slate-600 mb-1">Application notes</label>
                    <textarea id="notes" name="notes" rows="2" class="w-full rounded-lg border-slate-200 text-sm" @disabled($askLocked)>{{ old('notes', $application->notes) }}</textarea>
                    @error('notes')<p class="text-xs text-red-600 mt-1">{{ $message }}</p>@enderror
                </div>
            </div>

            @include('loan.book.applications.partials.lean-ask.sticky-actions', [
                'inFormModal' => $inFormModal,
            ])
        </form>
    </div>
</x-loan.modal-form>