@php
    /**
     * Modal de lançamento — o MESMO arquivo para cadastrar e para editar.
     *
     * Recebe:
     *   $modalId   id único do modal (o alvo do data-bs-target da listagem)
     *   $entry     null para cadastro; o lançamento para edição
     *   $operation o lado do caixa, que vem da ROTA e nunca do formulário
     *   $month     o mês aberto na listagem, usado como data padrão
     *
     * REEXIBIR APÓS ERRO: `form_id` viaja como campo escondido para que, ao
     * voltar com erros de validação, a tela saiba QUAL dos modais reabrir — sem
     * ele, o usuário veria a listagem com uma mensagem de erro e nenhum
     * formulário aberto, e concluiria que a tela está quebrada.
     */
    $isEdit = $entry !== null;
    $wasSubmitted = $errors->any() && old('form_id') === $modalId;

    // A data padrão é o dia de HOJE quando o mês aberto é o corrente, e o
    // primeiro dia do mês quando o usuário está navegando por outro: lançar em
    // agosto olhando agosto não deve trazer a data de julho.
    $defaultDate = $month->isSameMonth(now()) ? now() : $month->copy()->startOfMonth();

    $value = $isEdit ? number_format($entry->amount / 100, 2, ',', '.') : '';
    $dueDate = $isEdit ? $entry->due_date->format('Y-m-d') : $defaultDate->format('Y-m-d');

    // Os campos opcionais (observação, anexo, tags) começam ESCONDIDOS atrás dos
    // botões do rodapé, como na referência — mas aparecem já abertos quando o
    // lançamento tem conteúdo neles, ou quando o usuário acabou de digitar algo
    // e a validação recusou. Um campo preenchido escondido é conteúdo perdido.
    $notesValue = $wasSubmitted ? old('notes') : ($entry->notes ?? '');
    $tagsValue = $wasSubmitted ? old('tags') : ($isEdit ? App\Support\FinancialTags::toInput($entry) : '');
    $showNotes = filled($notesValue);
    $showTags = filled($tagsValue);
    $showReceipt = $isEdit && $entry->hasReceipt();
    $showRepeat = $wasSubmitted && filled(old('repeat'));

    // A categoria nova NÃO é reexibida na edição (ela já virou categoria de
    // verdade e está selecionada no select); só volta quando o usuário acabou de
    // digitá-la e a validação recusou o envio.
    $newCategoryValue = $wasSubmitted ? old('new_category') : '';
    $showNewCategory = filled($newCategoryValue);

    // Um lançamento que faz parte de uma série precisa perguntar o ALCANCE da
    // edição antes de gravar. Sem série, a pergunta não existe.
    $isRecurring = $isEdit && $entry->financial_recurrence_id !== null;
@endphp

<div class="modal fade" id="{{ $modalId }}" tabindex="-1"
     aria-labelledby="{{ $modalId }}-title" aria-hidden="true"
     @if ($wasSubmitted) data-financial-autoopen @endif>
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            {{-- `multipart/form-data` porque o anexo é um upload de arquivo.
                 Sem isto o campo chega vazio ao servidor, sem erro nenhum. --}}
            <form method="POST" enctype="multipart/form-data"
                  action="{{ $isEdit
                      ? route('financial.update', ['operation' => $operation->slug(), 'entry' => $entry])
                      : route('financial.store', $operation->slug()) }}">
                @csrf
                @if ($isEdit)
                    @method('PUT')
                @endif

                <input type="hidden" name="form_id" value="{{ $modalId }}">

                <div class="modal-header">
                    <h2 class="modal-title fs-5" id="{{ $modalId }}-title">
                        {{ $isEdit ? 'Editar' : 'Nova' }} {{ strtolower($operation->entryLabel()) }}
                    </h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                </div>

                <div class="modal-body">
                    <div class="mb-3">
                        <label for="{{ $modalId }}-description" class="form-label">Descrição</label>
                        <input type="text" id="{{ $modalId }}-description" name="description"
                               class="form-control @if ($wasSubmitted && $errors->has('description')) is-invalid @endif"
                               value="{{ $wasSubmitted ? old('description') : ($entry->description ?? '') }}"
                               maxlength="255" required>
                        @if ($wasSubmitted && $errors->has('description'))
                            <div class="invalid-feedback">{{ $errors->first('description') }}</div>
                        @endif
                    </div>

                    <div class="row g-3">
                        <div class="col-12 col-sm-6">
                            {{-- "Pagamento" na despesa, "Recebimento" na receita —
                                 o formulário já sabe de que lado do caixa está, e
                                 "Valor" não usava essa informação. O campo é o
                                 mesmo (`amount`); muda só o nome. Ver
                                 App\Enums\FinancialOperation::amountLabel(). --}}
                            <label for="{{ $modalId }}-amount" class="form-label">{{ $operation->amountLabel() }}</label>
                            <div class="input-group">
                                <span class="input-group-text">R$</span>
                                {{-- Texto, não `number`: o usuário digita no formato
                                     brasileiro ("1.250,90") e quem converte para
                                     centavos é o App\Support\Money, no servidor.

                                     `data-mask="money"` formata enquanto se
                                     digita — os dígitos entram pela direita, então
                                     1-5-0-0-0 vira "150,00". `inputmode="numeric"`
                                     e não "decimal": no celular o teclado só
                                     precisa de números, já que a vírgula e o ponto
                                     são postos pela máscara. --}}
                                <input type="text" id="{{ $modalId }}-amount" name="amount"
                                       class="form-control @if ($wasSubmitted && $errors->has('amount_cents')) is-invalid @endif"
                                       value="{{ $wasSubmitted ? old('amount') : $value }}"
                                       data-mask="money" inputmode="numeric" placeholder="0,00" required>
                                @if ($wasSubmitted && $errors->has('amount_cents'))
                                    <div class="invalid-feedback">{{ $errors->first('amount_cents') }}</div>
                                @endif
                            </div>
                        </div>

                        <div class="col-12 col-sm-6">
                            {{-- "Vencimento" e não "Data": é isso que o campo
                                 sempre foi (`due_date`), e é por ele que a
                                 listagem e o fechamento do período recortam. --}}
                            <label for="{{ $modalId }}-due-date" class="form-label">Vencimento</label>
                            <input type="date" id="{{ $modalId }}-due-date" name="due_date"
                                   class="form-control @if ($wasSubmitted && $errors->has('due_date')) is-invalid @endif"
                                   value="{{ $wasSubmitted ? old('due_date') : $dueDate }}" required>
                            @if ($wasSubmitted && $errors->has('due_date'))
                                <div class="invalid-feedback">{{ $errors->first('due_date') }}</div>
                            @endif
                        </div>
                    </div>

                    <div class="mt-3">
                        <label for="{{ $modalId }}-counterparty" class="form-label">
                            {{ $operation === App\Enums\FinancialOperation::In ? 'De quem' : 'Para quem' }}
                        </label>
                        <input type="text" id="{{ $modalId }}-counterparty" name="counterparty_name"
                               class="form-control @if ($wasSubmitted && $errors->has('counterparty_name')) is-invalid @endif"
                               value="{{ $wasSubmitted ? old('counterparty_name') : ($entry->counterparty_name ?? '') }}"
                               maxlength="255" required
                               placeholder="{{ $operation === App\Enums\FinancialOperation::In ? 'Nome do cliente' : 'Nome do fornecedor' }}">
                        @if ($wasSubmitted && $errors->has('counterparty_name'))
                            <div class="invalid-feedback">{{ $errors->first('counterparty_name') }}</div>
                        @endif
                    </div>

                    <div class="mt-3">
                        <label for="{{ $modalId }}-category" class="form-label">Categoria</label>
                        <select id="{{ $modalId }}-category" name="financial_category_id"
                                class="form-select @if ($wasSubmitted && $errors->has('financial_category_id')) is-invalid @endif"
                                data-financial-category-select>
                            <option value="">Sem categoria</option>
                            {{-- A lista já vem podada pelo lado do caixa no
                                 controller: a tela de despesas nunca oferece
                                 categoria de receita. --}}
                            @foreach ($categories as $category)
                                <option value="{{ $category->id }}"
                                    @selected(($wasSubmitted ? old('financial_category_id') : $entry?->financial_category_id) == $category->id)>
                                    {{ $category->name }}
                                </option>
                            @endforeach

                            {{-- CRIAR SEM SAIR DAQUI. A opção vive dentro do
                                 próprio select porque é ali que o usuário já
                                 está procurando a categoria — um botão ao lado
                                 seria um segundo lugar para olhar.

                                 O `value` é VAZIO de propósito: escolher esta
                                 opção não pode mandar um id inventado ao
                                 servidor. Quem carrega a intenção é o campo de
                                 texto que o JS revela; sem JS, a opção se
                                 comporta como "sem categoria" e nada quebra. --}}
                            <option value="" data-financial-new-category @selected($showNewCategory)>
                                + Criar nova categoria
                            </option>
                        </select>
                        @if ($wasSubmitted && $errors->has('financial_category_id'))
                            <div class="invalid-feedback">{{ $errors->first('financial_category_id') }}</div>
                        @endif

                        {{-- O campo do NOME da categoria nova. Fica logo abaixo do
                             select e só aparece quando a opção "+ Criar nova
                             categoria" está escolhida — nunca sobreposto a ele.

                             É um NOME, não um id: o lado do caixa vem da rota, o
                             mesmo do lançamento, e é isso que impede criar
                             categoria de receita pela tela de despesas. Nome já
                             existente reaproveita a categoria em vez de
                             recusar. --}}
                        <div class="mt-2 @unless ($showNewCategory) d-none @endunless"
                             data-financial-optional="new-category">
                            <input type="text" id="{{ $modalId }}-new-category" name="new_category"
                                   class="form-control @if ($wasSubmitted && $errors->has('new_category')) is-invalid @endif"
                                   value="{{ $newCategoryValue }}" maxlength="255"
                                   aria-label="Nome da nova categoria"
                                   placeholder="Nome da nova categoria — ex.: {{ $operation === App\Enums\FinancialOperation::In ? 'Torneios' : 'Energia' }}">
                            <div class="form-text">
                                Será criada como categoria de
                                <strong>{{ $operation === App\Enums\FinancialOperation::In ? 'receita' : 'despesa' }}</strong>,
                                e o lançamento já nasce nela.
                            </div>
                            @if ($wasSubmitted && $errors->has('new_category'))
                                <div class="invalid-feedback">{{ $errors->first('new_category') }}</div>
                            @endif
                        </div>

                        @if ($categories->isEmpty())
                            <div class="form-text">
                                Nenhuma categoria cadastrada ainda — escolha "Criar nova categoria" acima.
                            </div>
                        @endif
                    </div>

                    {{-- A CONTA BANCÁRIA por onde o dinheiro entra ou sai.
                         Ao contrário das categorias, a lista NÃO é podada pelo
                         lado do caixa: o mesmo banco recebe e paga.

                         No cadastro vem pré-selecionada a conta padrão da arena
                         (a lista chega com ela em primeiro); na edição, a que o
                         lançamento já tem — inclusive "nenhuma", que é escolha
                         legítima e não pode ser sobrescrita pelo padrão. --}}
                    <div class="mt-3">
                        <label for="{{ $modalId }}-bank-account" class="form-label">Conta</label>
                        <select id="{{ $modalId }}-bank-account" name="bank_account_id"
                                class="form-select @if ($wasSubmitted && $errors->has('bank_account_id')) is-invalid @endif">
                            <option value="">Sem conta</option>
                            @foreach ($bankAccounts as $bankAccount)
                                <option value="{{ $bankAccount->id }}"
                                    @selected(($wasSubmitted
                                        ? old('bank_account_id')
                                        : ($isEdit ? $entry->bank_account_id : $bankAccounts->firstWhere('is_default', true)?->id)) == $bankAccount->id)>
                                    {{ $bankAccount->name }}@if ($bankAccount->is_default) (padrão)@endif
                                </option>
                            @endforeach
                        </select>
                        @if ($wasSubmitted && $errors->has('bank_account_id'))
                            <div class="invalid-feedback">{{ $errors->first('bank_account_id') }}</div>
                        @endif

                        @if ($bankAccounts->isEmpty())
                            <div class="form-text">
                                Nenhuma conta cadastrada.
                                <a href="{{ route('financial.bank-accounts.index') }}">Cadastrar contas</a>.
                            </div>
                        @endif
                    </div>

                    {{-- CAMPOS OPCIONAIS. Ficam escondidos atrás dos botões do
                         rodapé (Observação · Anexo · Tags), como na referência:
                         o formulário curto é o caso comum, e quem precisa de
                         mais abre o que precisa. Note que os campos existem no
                         DOM o tempo todo — esconder é só visual, então o que já
                         estava preenchido continua sendo enviado. --}}
                    <div class="mt-3 @unless ($showNotes) d-none @endunless" data-financial-optional="notes">
                        <label for="{{ $modalId }}-notes" class="form-label">Observação</label>
                        <textarea id="{{ $modalId }}-notes" name="notes" rows="3" maxlength="2000"
                                  class="form-control @if ($wasSubmitted && $errors->has('notes')) is-invalid @endif">{{ $notesValue }}</textarea>
                        @if ($wasSubmitted && $errors->has('notes'))
                            <div class="invalid-feedback">{{ $errors->first('notes') }}</div>
                        @endif
                    </div>

                    <div class="mt-3 @unless ($showReceipt) d-none @endunless" data-financial-optional="receipt">
                        <label for="{{ $modalId }}-receipt" class="form-label">Comprovante</label>

                        @if ($showReceipt)
                            <p class="mb-2">
                                <a href="{{ route('financial.receipt', $entry) }}" target="_blank" rel="noopener">
                                    <i class="bi bi-paperclip"></i> {{ $entry->receipt()->file_name }}
                                </a>
                            </p>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" value="1"
                                       id="{{ $modalId }}-remove-receipt" name="remove_receipt">
                                <label class="form-check-label" for="{{ $modalId }}-remove-receipt">
                                    Remover o comprovante atual
                                </label>
                            </div>
                        @endif

                        <input type="file" id="{{ $modalId }}-receipt" name="receipt"
                               class="form-control @if ($wasSubmitted && $errors->has('receipt')) is-invalid @endif"
                               accept="{{ implode(',', App\Models\FinancialEntry::ACCEPTED_MIME_TYPES) }}">
                        <div class="form-text">Imagem ou PDF, até 5 MB. Enviar um novo substitui o anterior.</div>
                        @if ($wasSubmitted && $errors->has('receipt'))
                            <div class="invalid-feedback">{{ $errors->first('receipt') }}</div>
                        @endif
                    </div>

                    <div class="mt-3 @unless ($showTags) d-none @endunless" data-financial-optional="tags">
                        <label for="{{ $modalId }}-tags" class="form-label">Tags</label>
                        <input type="text" id="{{ $modalId }}-tags" name="tags" maxlength="1000"
                               class="form-control @if ($wasSubmitted && $errors->has('tags')) is-invalid @endif"
                               value="{{ $tagsValue }}" list="financial-tag-suggestions"
                               placeholder="Separe por vírgula: Torneio de Verão, Marketing">
                        <div class="form-text">Até {{ App\Support\FinancialTags::MAX_PER_ENTRY }} tags. As que não existirem são criadas.</div>
                        @if ($wasSubmitted && $errors->has('tags'))
                            <div class="invalid-feedback">{{ $errors->first('tags') }}</div>
                        @endif
                    </div>

                    {{-- REPETIÇÃO: só no cadastro. A regra (tipo, frequência,
                         número de parcelas) não é editável depois que a série
                         existe — mudar "2x" para "6x" significaria apagar
                         parcelas e recalcular valores, inclusive de parcelas já
                         pagas. Quem errou exclui a série e refaz. --}}
                    @unless ($isEdit)
                        <div class="mt-3 @unless ($showRepeat) d-none @endunless" data-financial-optional="repeat">
                            {{-- O TIPO DE REPETIÇÃO MANDA NOS CAMPOS ABAIXO.

                                 Antes os dois campos ficavam sempre visíveis, e
                                 isso mentia das duas formas: "Parcelas" não
                                 significa nada num lançamento fixo (que não tem
                                 fim), e no parcelado a frequência aparecia como
                                 adjetivo — "parcelado em 2 Mensal" não é
                                 português.

                                 Cada rótulo agora COMPLETA UMA FRASE, e os
                                 campos que aparecem são os que aquela frase
                                 pede. Ver resources/js/financial.js. --}}
                            <fieldset data-financial-repeat>
                                <legend class="form-label fs-6">Repetir</legend>

                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="repeat"
                                           value="{{ App\Enums\RecurrenceKind::Fixed->value }}"
                                           id="{{ $modalId }}-repeat-fixed"
                                           data-financial-repeat-kind="fixed"
                                           @checked(old('repeat') === App\Enums\RecurrenceKind::Fixed->value)>
                                    <label class="form-check-label" for="{{ $modalId }}-repeat-fixed">
                                        é uma {{ strtolower($operation->entryLabel()) }} fixa
                                    </label>
                                </div>

                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="repeat"
                                           value="{{ App\Enums\RecurrenceKind::Installment->value }}"
                                           id="{{ $modalId }}-repeat-installment"
                                           data-financial-repeat-kind="installment"
                                           @checked(old('repeat') === App\Enums\RecurrenceKind::Installment->value)>
                                    <label class="form-check-label" for="{{ $modalId }}-repeat-installment">
                                        é um lançamento parcelado em
                                    </label>
                                </div>

                                <div class="row g-2 mt-1">
                                    {{-- SÓ NO PARCELADO. Escondido, não removido:
                                         quem digitou 6, trocou para fixo e voltou
                                         encontra o 6 onde deixou. --}}
                                    <div class="col-5 @if (old('repeat') !== App\Enums\RecurrenceKind::Installment->value) d-none @endif"
                                         data-financial-repeat-field="installments">
                                        <label for="{{ $modalId }}-installments" class="visually-hidden">
                                            Parcelas
                                        </label>
                                        <input type="number" id="{{ $modalId }}-installments" name="installments"
                                               class="form-control @if ($wasSubmitted && $errors->has('installments')) is-invalid @endif"
                                               value="{{ old('installments') }}" min="2" max="120" placeholder="2"
                                               data-financial-installments>
                                        @if ($wasSubmitted && $errors->has('installments'))
                                            <div class="invalid-feedback">{{ $errors->first('installments') }}</div>
                                        @endif
                                    </div>

                                    {{-- UM select para os dois modos. Cada opção
                                         carrega as duas formas do rótulo e o
                                         JavaScript troca o texto visível — dois
                                         selects com o mesmo `name` enviariam dois
                                         valores, e o servidor leria o errado. --}}
                                    <div class="col" data-financial-repeat-field="frequency">
                                        <label for="{{ $modalId }}-frequency" class="visually-hidden">
                                            Frequência
                                        </label>
                                        <select id="{{ $modalId }}-frequency" name="frequency"
                                                class="form-select @if ($wasSubmitted && $errors->has('frequency')) is-invalid @endif"
                                                data-financial-frequency>
                                            @foreach (App\Enums\RecurrenceFrequency::options() as $option)
                                                <option value="{{ $option['value'] }}"
                                                    data-label-fixed="{{ $option['label'] }}"
                                                    data-label-installment="{{ $option['unit'] }}"
                                                    @selected((old('frequency') ?: App\Enums\RecurrenceFrequency::Monthly->value) === $option['value'])>
                                                    {{ old('repeat') === App\Enums\RecurrenceKind::Installment->value
                                                        ? $option['unit']
                                                        : $option['label'] }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @if ($wasSubmitted && $errors->has('frequency'))
                                            <div class="invalid-feedback">{{ $errors->first('frequency') }}</div>
                                        @endif
                                    </div>
                                </div>
                            </fieldset>

                            {{-- A PRÉVIA DO PARCELAMENTO, só no parcelado.

                                 Existe porque o campo de valor é o TOTAL, e não
                                 a parcela — a diferença entre "R$ 800,00 em 2x"
                                 e "2x de R$ 800,00" é o dobro do dinheiro, e sem
                                 a prévia só se descobre qual foi depois de
                                 gravar. --}}
                            <div class="mt-2 @if (old('repeat') !== App\Enums\RecurrenceKind::Installment->value) d-none @endif"
                                 data-financial-repeat-field="preview">
                                <p class="mb-1" data-financial-installment-preview>
                                    Serão lançadas <strong>2 parcelas</strong> de <strong class="text-success">R$ 0,00</strong>
                                </p>
                                <p class="form-text mb-0">
                                    Em caso de divisão não exata, a sobra será somada à primeira parcela.
                                </p>
                            </div>
                        </div>
                    @endunless

                    {{-- Os botões que revelam os campos acima. --}}
                    <div class="d-flex gap-3 mt-4">
                        @unless ($isEdit)
                            <button type="button" class="btn btn-link text-decoration-none p-0 text-body-secondary"
                                    data-financial-toggle="repeat">
                                <i class="bi bi-arrow-repeat d-block fs-5"></i>
                                <span class="small">Repetir</span>
                            </button>
                        @endunless

                        @foreach ([['key' => 'notes', 'icon' => 'bi-chat-left-text', 'label' => 'Observação'], ['key' => 'receipt', 'icon' => 'bi-paperclip', 'label' => 'Anexo'], ['key' => 'tags', 'icon' => 'bi-tag', 'label' => 'Tags']] as $optional)
                            <button type="button" class="btn btn-link text-decoration-none p-0 text-body-secondary"
                                    data-financial-toggle="{{ $optional['key'] }}">
                                <i class="bi {{ $optional['icon'] }} d-block fs-5"></i>
                                <span class="small">{{ $optional['label'] }}</span>
                            </button>
                        @endforeach
                    </div>

                    {{-- O 👍 da referência. No CADASTRO ele data a baixa com o
                         campo "Data" acima — nunca com a data de inserção, que
                         jogaria um lançamento retroativo no mês errado do caixa.
                         Na EDIÇÃO ele não aparece: a baixa se dá e se tira pelo
                         botão da listagem, para não haver duas telas capazes de
                         mexer no mesmo campo com regras de data diferentes. --}}
                    @unless ($isEdit)
                        <div class="form-check mt-3">
                            <input type="hidden" name="paid" value="0">
                            <input class="form-check-input" type="checkbox" value="1"
                                   id="{{ $modalId }}-paid" name="paid"
                                   @checked($wasSubmitted && old('paid'))>
                            <label class="form-check-label" for="{{ $modalId }}-paid">
                                Já está {{ $operation === App\Enums\FinancialOperation::In ? 'recebido' : 'pago' }}
                            </label>
                        </div>
                    @endunless

                    {{-- O ALCANCE da edição, só para quem faz parte de uma
                         série. O padrão é "somente este": na dúvida, mexer no
                         menos possível. O aviso sobre lançamentos pagos não é
                         detalhe — é a garantia de que o histórico do que já
                         entrou no caixa não será reescrito. --}}
                    @if ($isRecurring)
                        <hr class="my-4">

                        <fieldset>
                            <legend class="form-label fs-6">
                                Este lançamento faz parte de uma série
                                @if ($entry->installmentLabel())
                                    (parcela {{ $entry->installmentLabel() }})
                                @endif
                            </legend>

                            @foreach (App\Enums\RecurrenceScope::cases() as $case)
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="scope"
                                           value="{{ $case->value }}" id="{{ $modalId }}-scope-{{ $case->value }}"
                                           @checked(($wasSubmitted ? old('scope') : App\Enums\RecurrenceScope::Single->value) === $case->value)>
                                    <label class="form-check-label" for="{{ $modalId }}-scope-{{ $case->value }}">
                                        {{ $case->label() }}
                                    </label>
                                </div>
                            @endforeach

                            <p class="form-text mb-0">Lançamentos já pagos nunca são alterados.</p>
                        </fieldset>
                    @endif
                </div>

                <div class="modal-footer">
                    {{-- EXCLUIR VIVE AQUI, e não mais atrás de um "⋮" na linha.

                         `me-auto` o empurra para a esquerda, longe de Cancelar e
                         Atualizar: é destrutivo, e um clique errado ao mirar o
                         botão ao lado apagaria o lançamento.

                         SÉRIE PEDE O ALCANCE antes de excluir ("só esta", "estas
                         e as próximas", "todas"), e isso não cabe num confirm() —
                         a escolha errada apagaria dois anos de linhas. Por isso a
                         série abre um segundo modal e o lançamento solto submete
                         direto, com a confirmação simples de sempre.

                         O `form=` do botão aponta para um formulário que vive
                         FORA deste — um <form> dentro de outro é HTML inválido, e
                         o navegador desmonta o de dentro em silêncio. O atributo
                         é HTML padrão e resolve isso sem JavaScript. --}}
                    @if ($isEdit)
                        @can('delete', $entry)
                            @if ($entry->financial_recurrence_id)
                                <button type="button" class="btn btn-outline-danger me-auto"
                                        data-bs-toggle="modal"
                                        data-bs-target="#financial-entry-delete-{{ $entry->id }}">
                                    <i class="bi bi-trash me-1"></i> Excluir
                                </button>
                            @else
                                <button type="submit" form="financial-entry-destroy-{{ $entry->id }}"
                                        class="btn btn-outline-danger me-auto">
                                    <i class="bi bi-trash me-1"></i> Excluir
                                </button>
                            @endif
                        @endcan
                    @endif

                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">
                        {{ $isEdit ? 'Atualizar' : 'Adicionar' }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>