{{-- Quick-fix modal: record an expense (shortage), an invoice payment, or other
     cash-in (surplus). The created record syncs to the ledger, which folds back
     into the bucket's expected figure so the drawer balances. --}}
@if ($showFixModal)
    {{-- z-[55]: above the attention dialog (z-50) it can be opened from, below the assistant (z-60). --}}
    <div class="fixed inset-0 z-[55] flex items-center justify-center p-4">
        <div class="absolute inset-0 bg-slate-900/40" wire:click="closeFix"></div>

        <div class="relative z-10 w-full max-w-md overflow-hidden rounded-2xl bg-white shadow-xl">
            <div class="flex items-center justify-between border-b border-slate-100 px-5 py-3.5">
                <p class="text-sm font-semibold text-slate-900">
                    @if ($fixIsOpening)
                        {{ $fixType === 'income' ? __('Record income (opening correction)') : __('Record expense (opening correction)') }}
                    @else
                        @switch($fixType)
                            @case('expense') {{ __('Record expense') }} @break
                            @case('payment') {{ __('Record invoice payment') }} @break
                            @default {{ __('Record other cash-in') }}
                        @endswitch
                    @endif
                    <span class="ml-1 font-normal text-slate-400">· {{ $fixBucket === 'cash' ? __('Cash') : __('EcoCash') }}</span>
                </p>
                <button type="button" wire:click="closeFix" class="text-slate-400 hover:text-slate-600">
                    <x-icon name="x-mark" class="h-5 w-5" />
                </button>
            </div>

            <div class="space-y-4 px-5 py-4">
                @if ($fixIsOpening)
                    <p class="rounded-lg bg-slate-50 px-3 py-2 text-xs text-slate-500">
                        {{ __('This adjusts the carried-over opening balance (dated to before today), so it won\'t affect today\'s takings.') }}
                    </p>
                @endif

                {{-- Expense: optional category --}}
                @if ($fixType === 'expense')
                    <div>
                        <label class="block text-xs font-medium text-slate-500">{{ __('Category (optional)') }}</label>
                        <select wire:model="fixCategoryId" class="mt-1 w-full rounded-lg border-slate-300 text-sm shadow-sm focus:border-accent-400 focus:ring-accent-400">
                            <option value="">{{ __('Uncategorised') }}</option>
                            @foreach ($expenseCategories as $c)
                                <option value="{{ $c->id }}">{{ $c->name }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif

                {{-- Payment: pick an open invoice --}}
                @if ($fixType === 'payment')
                    <div>
                        <label class="block text-xs font-medium text-slate-500">{{ __('Invoice') }}</label>
                        <select wire:model="fixInvoiceId" class="mt-1 w-full rounded-lg border-slate-300 text-sm shadow-sm focus:border-accent-400 focus:ring-accent-400">
                            <option value="">{{ __('Choose an invoice…') }}</option>
                            @foreach ($openInvoices as $inv)
                                <option value="{{ $inv->id }}">{{ $inv->invoice_number }}, {{ $inv->currency_code }} {{ number_format((float) $inv->balance_due, 2) }} {{ __('due') }}</option>
                            @endforeach
                        </select>
                        @error('fixInvoiceId') <p class="mt-1 text-xs text-rose-600">{{ $message }}</p> @enderror
                        @if ($openInvoices->isEmpty())
                            <p class="mt-1 text-xs text-slate-400">{{ __('No open invoices in this currency. Use “Other cash-in” instead.') }}</p>
                        @endif
                    </div>
                @endif

                {{-- Income: optional category --}}
                @if ($fixType === 'income')
                    <div>
                        <label class="block text-xs font-medium text-slate-500">{{ __('Category (optional)') }}</label>
                        <select wire:model="fixCategoryId" class="mt-1 w-full rounded-lg border-slate-300 text-sm shadow-sm focus:border-accent-400 focus:ring-accent-400">
                            <option value="">{{ __('Uncategorised') }}</option>
                            @foreach ($incomeCategories as $c)
                                <option value="{{ $c->id }}">{{ $c->name }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif

                <div>
                    <label class="block text-xs font-medium text-slate-500">{{ __('Amount') }}</label>
                    <input type="number" step="0.01" wire:model="fixAmount"
                        class="mt-1 w-full rounded-lg border-slate-300 text-right text-sm shadow-sm focus:border-accent-400 focus:ring-accent-400"
                        placeholder="0.00" />
                    @error('fixAmount') <p class="mt-1 text-xs text-rose-600">{{ $message }}</p> @enderror
                </div>

                @if ($fixType !== 'payment')
                    <div>
                        <label class="block text-xs font-medium text-slate-500">{{ __('Description (optional)') }}</label>
                        <input type="text" wire:model="fixDescription"
                            class="mt-1 w-full rounded-lg border-slate-300 text-sm shadow-sm focus:border-accent-400 focus:ring-accent-400"
                            placeholder="{{ $fixType === 'expense' ? __('e.g. fuel, airtime, transport') : __('e.g. walk-in sale, refund') }}" />
                    </div>
                @endif
            </div>

            <div class="flex items-center justify-end gap-2 border-t border-slate-100 bg-slate-50 px-5 py-3">
                <button type="button" wire:click="closeFix" class="rounded-lg px-3 py-1.5 text-sm font-medium text-slate-600 hover:bg-slate-100">{{ __('Cancel') }}</button>
                <button type="button" wire:click="saveFix"
                    class="inline-flex items-center gap-1.5 rounded-lg bg-accent-600 px-3.5 py-1.5 text-sm font-semibold text-white hover:bg-accent-700 disabled:opacity-50"
                    wire:loading.attr="disabled" wire:target="saveFix">
                    <span wire:loading.remove wire:target="saveFix">{{ __('Save') }}</span>
                    <span wire:loading wire:target="saveFix">{{ __('Saving…') }}</span>
                </button>
            </div>
        </div>
    </div>
@endif