@extends('layouts.app')

@section('title', 'Lançamentos — '.config('app.name'))

{{--
    LANÇAMENTOS — a tela única do financeiro.

    A tela inteira gira em torno de UMA distinção, e ela precisa ficar visível o
    tempo todo: PREVISTO é pelo vencimento ("quanto o período deveria
    movimentar"), REALIZADO é pela baixa ("quanto entrou e saiu de fato"). Uma
    conta de junho paga em julho aparece nos dois, em meses diferentes — e as
    duas afirmações estão certas.

    AS AÇÕES MORAM NA LINHA, não numa segunda tela: clicar no lançamento abre a
    edição, o polegar dá e desfaz a baixa, e o "+" do cabeçalho cadastra receita
    ou despesa. Todas postam para as rotas de escrita de sempre — esta tela não
    tem regra de dinheiro própria.
--}}

@php
    $money = fn (int $cents) => App\Support\Money::format($cents);
    $signed = fn (int $cents) => ($cents < 0 ? '− ' : '').App\Support\Money::format(abs($cents));

    $income = App\Enums\FinancialOperation::In;
    $expense = App\Enums\FinancialOperation::Out;
@endphp

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-head__title">Lançamentos</h1>
            <p class="page-head__subtitle">O que a arena movimentou no período.</p>
        </div>

        {{-- O "+" abre um menu em vez de um modal direto porque a escolha
             receita/despesa é a PRIMEIRA decisão do cadastro e define o lado do
             caixa — que vem da rota (o `action` de cada formulário), nunca de um
             campo. Um seletor dentro do modal reintroduziria pelo formulário
             exatamente o que a rota existe para impedir. --}}
        @can('create', App\Models\FinancialEntry::class)
            {{-- `data-hover-dropdown`: o menu abre ao passar o mouse, sem exigir
                 o clique. O clique CONTINUA valendo — é o que mantém o botão
                 utilizável no celular, que não tem hover, e no teclado. Ver
                 resources/js/cashflow.js. --}}
            <div class="dropdown" data-hover-dropdown>
                <button type="button" class="page-head__add dropdown-toggle"
                        data-bs-toggle="dropdown" aria-expanded="false"
                        aria-label="Novo lançamento">
                    <i class="bi bi-plus-circle"></i>
                </button>

                <ul class="dropdown-menu dropdown-menu-end">
                    <li>
                        <button type="button" class="dropdown-item"
                                data-bs-toggle="modal" data-bs-target="#financial-entry-create-out">
                            <i class="bi bi-arrow-up-circle text-danger me-2"></i>Nova despesa
                        </button>
                    </li>
                    <li>
                        <button type="button" class="dropdown-item"
                                data-bs-toggle="modal" data-bs-target="#financial-entry-create-in">
                            <i class="bi bi-arrow-down-circle text-success me-2"></i>Nova receita
                        </button>
                    </li>

                    {{-- A TRANSFERÊNCIA VEM DEPOIS, e separada: ela não é um
                         terceiro lado do caixa. Agrupá-la com receita e despesa
                         sugeriria que as três somam no mesmo lugar, e ela não
                         entra em soma nenhuma. --}}
                    @can('create', App\Models\FinancialTransfer::class)
                        <li>
                            <button type="button" class="dropdown-item"
                                    data-bs-toggle="modal" data-bs-target="#financial-transfer-create">
                                <i class="bi bi-arrow-down-up text-body-secondary me-2"></i>Nova transferência
                            </button>
                        </li>
                    @endcan
                </ul>
            </div>
        @endcan
    </div>

    @include('partials.status')


    <form method="GET" action="{{ route('financial.reports.index') }}" class="mb-3">
        @php
            $previous = $period->shiftMonths(-1);
            $next = $period->shiftMonths(1);
        @endphp

        <div class="period-nav">
            <a class="period-nav__arrow"
               href="{{ route('financial.reports.index', $filters->toQuery() + $previous->toQuery()) }}"
               aria-label="Mês anterior">
                <i class="bi bi-chevron-left"></i>
            </a>

            <div class="dropdown">
                <button type="button" class="period-nav__label dropdown-toggle"
                        data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"
                        data-period-toggle>
                    {{ $period->label() }}
                </button>

                <div class="dropdown-menu period-nav__menu" data-period-menu>
                    <div class="period-nav__step" data-period-step="presets">
                        <a class="dropdown-item"
                           href="{{ route('financial.reports.index', $filters->toQuery() + App\Support\CashFlowPeriod::today()->toQuery()) }}">
                            Hoje
                        </a>
                        <a class="dropdown-item"
                           href="{{ route('financial.reports.index', $filters->toQuery() + App\Support\CashFlowPeriod::thisWeek()->toQuery()) }}">
                            Esta semana
                        </a>
                        <a class="dropdown-item"
                           href="{{ route('financial.reports.index', $filters->toQuery() + App\Support\CashFlowPeriod::thisMonth()->toQuery()) }}">
                            Este mês
                        </a>

                        <button type="button" class="dropdown-item" data-period-open-custom>
                            Escolher período
                        </button>
                    </div>

                    <div class="period-nav__step is-hidden" data-period-step="custom">
                        <div class="mb-2">
                            <label for="period-from" class="visually-hidden">De</label>
                            <input type="date" id="period-from" name="de" class="form-control form-control-sm"
                                   value="{{ $period->from->format('Y-m-d') }}">
                        </div>

                        <div class="mb-2">
                            <label for="period-to" class="visually-hidden">Até</label>
                            <input type="date" id="period-to" name="ate" class="form-control form-control-sm"
                                   value="{{ $period->to->format('Y-m-d') }}">
                        </div>

                        <button type="submit" class="btn btn-success btn-sm w-100">Ok</button>

                        <button type="button" class="btn btn-link btn-sm w-100 text-decoration-none"
                                data-period-back>
                            voltar
                        </button>
                    </div>
                </div>
            </div>

            <a class="period-nav__arrow"
               href="{{ route('financial.reports.index', $filters->toQuery() + $next->toQuery()) }}"
               aria-label="Próximo mês">
                <i class="bi bi-chevron-right"></i>
            </a>
        </div>

        <div class="filter-bar" data-filter-bar>
            @if ($filters->isActive())
                <a href="{{ route('financial.reports.index', $period->toQuery()) }}"
                   class="filter-bar__button filter-bar__icon text-decoration-none"
                   aria-label="Limpar filtros">
                    <i class="bi bi-x-lg"></i>
                </a>
            @endif

            {{-- TIPO: lado do caixa e situação num controle só, porque
                 é assim que a pergunta nasce ("o que eu já recebi?").
                 Ver App\Enums\TransactionFilter para a diferença entre
                 "receitas previstas" (ainda não recebidas) e a leitura
                 "Previsto" da tabela (pelo vencimento). --}}
            <div class="dropdown filter-bar__item">
                <button type="button"
                        class="filter-bar__button dropdown-toggle @if ($filters->type !== App\Enums\TransactionFilter::All) is-active @endif"
                        data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"
                        data-filter-label="tipo">
                    {{ $filters->type === App\Enums\TransactionFilter::All ? 'Tipo' : $filters->type->label() }}
                </button>

                <div class="dropdown-menu filter-bar__menu p-2">
                    @foreach (App\Enums\TransactionFilter::options() as $option)
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="tipo"
                                   value="{{ $option->value }}"
                                   id="filter-type-{{ $option->value }}"
                                   data-filter-group="tipo"
                                   data-filter-text="{{ $option === App\Enums\TransactionFilter::All ? 'Tipo' : $option->label() }}"
                                   @if ($option === App\Enums\TransactionFilter::All) data-filter-neutral @endif
                                   @checked($filters->type === $option)>
                            <label class="form-check-label" for="filter-type-{{ $option->value }}">
                                {{ $option->label() }}
                            </label>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- Contas e tags são MÚLTIPLAS e somam em "ou": marcar
                 duas contas pergunta "o que passou por estas
                 contas?".

                 UMA ESCOLHIDA MOSTRA O NOME; VÁRIAS, A CONTAGEM. "1 conta"
                 escondia justamente o que o usuário acabara de escolher — qual
                 conta. O JS repete esta regra ao marcar e desmarcar; ver
                 resources/js/cashflow.js. --}}
            {{-- O rótulo do botão sai daqui, e não de um encadeamento de ternários
                 dentro do echo: a regra tem três casos e fica ilegível em uma
                 linha só.

                 ⚠️ DUAS ARMADILHAS DO BLADE que já custaram caro neste arquivo, e
                 que valem para qualquer view:

                  1. Use o bloco PHP com abertura e fechamento em linhas próprias,
                     NUNCA a forma curta com a expressão entre parênteses. Quando a
                     expressão tem parênteses aninhados (o whereIn abaixo), a forma
                     curta não é reconhecida e sai crua no compilado, como uma
                     abertura de PHP que nunca fecha.

                  2. NÃO escreva diretivas do Blade dentro de um comentário como
                     este, nem entre crases. O compilador processa as diretivas
                     ANTES de remover os comentários, então a diretiva citada é
                     compilada de verdade, quebra o par de marcadores do comentário
                     e o resto da tela para de renderizar — sem erro nenhum, só
                     conteúdo faltando. --}}
            @php
                $selectedAccounts = $bankAccounts->whereIn('id', $filters->bankAccountIds);

                $accountsLabel = match (true) {
                    $selectedAccounts->count() === 1 => $selectedAccounts->first()->name,
                    $filters->bankAccountIds === [] => 'Contas',
                    default => count($filters->bankAccountIds).' contas',
                };
            @endphp

            <div class="dropdown filter-bar__item">
                <button type="button"
                        class="filter-bar__button dropdown-toggle @if ($filters->bankAccountIds !== []) is-active @endif"
                        data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"
                        data-filter-label="contas" data-filter-empty="Contas"
                        data-filter-plural="contas">
                    {{ $accountsLabel }}
                </button>

                <div class="dropdown-menu filter-bar__menu p-2">
                    @forelse ($bankAccounts as $account)
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="contas[]"
                                   value="{{ $account->id }}" id="filter-account-{{ $account->id }}"
                                   data-filter-group="contas"
                                   data-filter-text="{{ $account->name }}"
                                   @checked(in_array($account->id, $filters->bankAccountIds, true))>
                            <label class="form-check-label" for="filter-account-{{ $account->id }}">
                                {{ $account->name }}@if ($account->trashed())
                                    <span class="text-body-secondary">(excluída)</span>
                                @endif
                            </label>
                        </div>
                    @empty
                        <span class="dropdown-item-text text-body-secondary small">
                            Nenhuma conta cadastrada.
                        </span>
                    @endforelse
                </div>
            </div>

            <div class="dropdown filter-bar__item">
                <button type="button"
                        class="filter-bar__button dropdown-toggle @if ($filters->categoryId !== null) is-active @endif"
                        data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"
                        data-filter-label="categoria">
                    {{ $categories->firstWhere('id', $filters->categoryId)?->name ?? 'Categorias' }}
                </button>

                <div class="dropdown-menu filter-bar__menu p-2">
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="categoria" value=""
                               id="filter-category-all" data-filter-group="categoria"
                               data-filter-text="Categorias" data-filter-neutral
                               @checked($filters->categoryId === null)>
                        <label class="form-check-label" for="filter-category-all">
                            Todas as categorias
                        </label>
                    </div>

                    @foreach ($categories as $category)
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="categoria"
                                   value="{{ $category->id }}" id="filter-category-{{ $category->id }}"
                                   data-filter-group="categoria"
                                   data-filter-text="{{ $category->name }}"
                                   @checked($filters->categoryId === $category->id)>
                            <label class="form-check-label" for="filter-category-{{ $category->id }}">
                                {{ $category->name }}
                                <span class="text-body-secondary">
                                    ({{ $category->operation === App\Enums\FinancialOperation::In ? 'receita' : 'despesa' }})
                                </span>
                            </label>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- Uma tag mostra o nome; várias, a contagem — a mesma regra das
                 contas, logo acima. --}}
            {{-- Mesmas duas cautelas registradas no bloco das contas, acima. --}}
            @php
                $selectedTags = $tags->whereIn('id', $filters->tagIds);

                $tagsLabel = match (true) {
                    $selectedTags->count() === 1 => $selectedTags->first()->name,
                    $filters->tagIds === [] => 'Tags',
                    default => count($filters->tagIds).' tags',
                };
            @endphp

            <div class="dropdown filter-bar__item">
                <button type="button"
                        class="filter-bar__button dropdown-toggle @if ($filters->tagIds !== []) is-active @endif"
                        data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"
                        data-filter-label="tags" data-filter-empty="Tags"
                        data-filter-plural="tags">
                    {{ $tagsLabel }}
                </button>

                <div class="dropdown-menu filter-bar__menu p-2">
                    @forelse ($tags as $tag)
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="tags[]"
                                   value="{{ $tag->id }}" id="filter-tag-{{ $tag->id }}"
                                   data-filter-group="tags"
                                   data-filter-text="{{ $tag->name }}"
                                   @checked(in_array($tag->id, $filters->tagIds, true))>
                            <label class="form-check-label" for="filter-tag-{{ $tag->id }}">
                                {{ $tag->name }}
                            </label>
                        </div>
                    @empty
                        <span class="dropdown-item-text text-body-secondary small">
                            Nenhuma tag em uso.
                        </span>
                    @endforelse
                </div>
            </div>

        </div>
    </form>

    {{-- Inadimplência: o que venceu no período e ninguém pagou. Fica em
         destaque próprio porque é a única linha do relatório sobre a qual dá
         para AGIR hoje. --}}
    @if ($overdue['in'] > 0 || $overdue['out'] > 0)
        <div class="card mb-3 border-danger">
            <div class="card-body d-flex flex-wrap gap-4 align-items-center">
                <span class="fw-semibold text-danger">
                    <i class="bi bi-exclamation-triangle me-1"></i> Vencido e em aberto
                </span>

                <span>
                    A receber:
                    <strong class="text-danger">{{ $money($overdue['in']) }}</strong>
                </span>

                <span>
                    A pagar:
                    <strong class="text-danger">{{ $money($overdue['out']) }}</strong>
                </span>

                {{-- Antes este botão levava para a tela de Contas a Receber
                     filtrada. Agora ele FILTRA A PRÓPRIA TELA: a lista das
                     receitas em aberto já está aqui, e mandar o usuário embora
                     para ver um recorte do que ele está olhando era a duplicação
                     de tela que esta sprint eliminou. --}}
                <a href="{{ route('financial.reports.index', [
                        ...$period->toQuery(),
                        'tipo' => App\Enums\TransactionFilter::IncomeOpen->value,
                    ]) }}"
                   class="btn btn-sm btn-outline-danger ms-auto">Ver receitas em aberto</a>
            </div>
        </div>
    @endif

    {{-- LANÇAMENTOS DO MÊS.

         Ficou no lugar da antiga tabela "mês a mês", que era só resumo. Com os
         lançamentos à vista, o efeito de cada filtro é visível LINHA A LINHA,
         em vez de ter de ser deduzido de um total que mudou — era o que fazia
         parecer que os filtros não estavam sendo aplicados.

         Tudo aqui vem do servidor, inclusive a troca de mês e de leitura: um
         caminho de código só para a tela e para o filtro elimina a classe
         inteira de defeito em que a lista e os totais discordam. --}}
    <div class="card mb-3">
        {{-- A lista é AGRUPADA POR DIA, não uma tabela com uma coluna de data:
             o dia repetido em vinte linhas seguidas é ruído, e o separador
             responde "o que aconteceu no dia 10?" de relance.

             `groupBy` sobre a PÁGINA já carregada, e não uma consulta por dia:
             os lançamentos estão em memória, e agrupar aqui não custa ida ao
             banco nenhuma. --}}
        <ul class="list-group list-group-flush">
            {{-- `listedOn()` e não `due_date`: a lista tem DUAS coisas dentro —
                 lançamentos e transferências — e só essa pergunta as duas sabem
                 responder. Ver App\Models\FinancialTransfer::listedOn(). --}}
            @forelse ($entries->groupBy(fn ($row) => $row->listedOn()->format('d/m/Y')) as $day => $group)
                <li class="list-group-item bg-body-tertiary py-1 small text-body-secondary">{{ $day }}</li>

                @foreach ($group as $entry)
                    {{-- A TRANSFERÊNCIA TEM LINHA PRÓPRIA: não tem lado do caixa,
                         nem categoria, nem baixa a dar, então nada da linha de
                         lançamento abaixo se aplicaria a ela. --}}
                    @if ($entry instanceof App\Models\FinancialTransfer)
                        @include('financial._transfer-row', ['transfer' => $entry])
                        @continue
                    @endif

                    @php
                        $isIncome = $entry->operation === App\Enums\FinancialOperation::In;
                        $isPaid = $entry->isPaid();

                        /*
                         * A comanda de origem, se este lançamento veio de uma —
                         * já resolvida pelo controller para a página inteira
                         * (ver FinancialReportController::ordersBehind()). Aqui
                         * é só uma consulta em memória: um `Order::find()` nesta
                         * linha seria um N+1 na tela mais movimentada do sistema.
                         */
                        $sourceOrder = $sourceOrders[$entry->id] ?? null;

                        /*
                         * O agendamento de origem, pelo mesmo caminho e pelo
                         * mesmo motivo da comanda acima — já resolvido em lote
                         * pelo controller (ver ReservationSummary::forEntries()).
                         */
                        $sourceReservation = $sourceReservations[$entry->id] ?? null;
                    @endphp

                    <li class="list-group-item d-flex align-items-center gap-3">
                        {{-- Ícone da OPERAÇÃO: verde para o que entra, vermelho
                             para o que sai. É a leitura mais rápida da linha,
                             antes mesmo do valor. --}}
                        <span class="d-inline-flex align-items-center justify-content-center rounded-circle flex-shrink-0
                                     {{ $isIncome ? 'text-bg-success' : 'text-bg-danger' }}"
                              style="width: 2.25rem; height: 2.25rem;">
                            <i class="bi bi-arrow-{{ $isIncome ? 'down' : 'up' }}-left"></i>
                        </span>

                        {{-- O CORPO DA LINHA É O GATILHO DA EDIÇÃO quando o
                             usuário pode editar, e texto puro quando não pode.
                             Um lápis por linha competiria visualmente com o
                             polegar, que é a ação do dia a dia; clicar no
                             lançamento é o gesto que a referência usa e o que já
                             se espera de uma lista assim.

                             É um <button>, não um <div> com onclick: só o botão
                             recebe foco por teclado e responde a Enter/Espaço
                             sem nenhum JavaScript nosso. --}}
                        @can('update', $entry)
                            <button type="button"
                                    class="flex-grow-1 text-truncate text-start btn btn-link p-0 text-decoration-none text-body"
                                    data-bs-toggle="modal" data-bs-target="#financial-entry-{{ $entry->id }}"
                                    aria-label="Editar {{ $entry->description }}">
                        @else
                            <span class="flex-grow-1 text-truncate">
                        @endcan

                            <span class="d-block text-truncate">
                                {{ $entry->description }}

                                @if ($entry->financial_recurrence_id)
                                    <i class="bi bi-arrow-repeat text-body-secondary"
                                       title="Faz parte de uma série"></i>
                                @endif

                            </span>

                            <span class="d-block small text-body-secondary text-truncate">
                                {{ $entry->counterparty_name }}@if ($entry->category) · {{ $entry->category->name }}@endif
                            </span>

                        @can('update', $entry)
                            </button>
                        @else
                            </span>
                        @endcan

                        {{-- A conta bancária com o ícone do banco, como no resto
                             do sistema: o desenho é montado pelo JS a partir do
                             slug (ver resources/js/bank-icons.js).

                             A COLUNA EXISTE MESMO SEM CONTA, vazia. Some-la
                             quando o lançamento não tem banco empurrava o valor
                             para a esquerda naquela linha só, e a coluna dos
                             números deixava de alinhar. --}}
                        <span class="cashflow-row__bank">
                            @if ($entry->bankAccount)
                                <span data-bank-icon="{{ $entry->bankAccount->icon }}" data-bank-size="24"></span>
                                <span class="cashflow-row__bank-name">{{ $entry->bankAccount->name }}</span>
                            @endif
                        </span>

                        {{-- O sinal do dinheiro é a OPERAÇÃO, não o valor:
                             `amount` é sempre positivo no banco. --}}
                        <span class="cashflow-row__amount {{ $isIncome ? 'text-success' : 'text-danger' }}">
                            {{ $isIncome ? '+' : '−' }} {{ $entry->formattedAmount() }}
                        </span>

                        {{-- VER A COMANDA. Só aparece na receita que veio de uma
                             — e a linha da comanda com acerto combinado é
                             justamente a que alguém precisa cobrar sem saber de
                             cor o que o cliente consumiu.

                             FICA ANTES DO POLEGAR de propósito: a ordem da linha
                             é conferir e depois dar a baixa, e um botão de
                             consulta DEPOIS da ação de dinheiro convidaria ao
                             clique errado com a mão já no lugar.

                             `flex-shrink-0` porque o corpo da linha é
                             `flex-grow-1` com `text-truncate`: sem isto, uma
                             descrição longa espremeria o ícone até sumir. --}}
                        @if ($sourceOrder)
                            <button type="button"
                                    class="btn btn-sm btn-link p-0 text-body-secondary flex-shrink-0"
                                    data-bs-toggle="modal"
                                    data-bs-target="#financial-entry-order-{{ $entry->id }}"
                                    aria-label="Ver a comanda #{{ $sourceOrder->id }}"
                                    title="Ver o consumo da comanda #{{ $sourceOrder->id }}">
                                <i class="bi bi-receipt"></i>
                            </button>
                        @endif

                        {{-- VER A RESERVA. O par do botão da comanda, no mesmo
                             lugar da linha e pelas mesmas razões: fica ANTES do
                             polegar porque a ordem é conferir e depois dar a
                             baixa, e é consulta — não compete com a ação de
                             dinheiro.

                             OS DOIS NUNCA APARECEM JUNTOS: um lançamento tem uma
                             origem só, e as etiquetas são mutuamente exclusivas
                             (ver App\Support\ReservationBilling). O ícone é o
                             calendário, o mesmo com que a reserva se apresenta no
                             resto do sistema. --}}
                        @if ($sourceReservation)
                            <button type="button"
                                    class="btn btn-sm btn-link p-0 text-body-secondary flex-shrink-0"
                                    data-bs-toggle="modal"
                                    data-bs-target="#financial-entry-reservation-{{ $entry->id }}"
                                    aria-label="Ver a reserva de {{ $sourceReservation->reservation->customer?->name ?? 'cliente' }}"
                                    title="Ver o resumo da reserva">
                                <i class="bi bi-calendar-event"></i>
                            </button>
                        @endif

                        {{-- A BAIXA. Os dois sentidos NÃO são simétricos, de
                             propósito: marcar como pago abre um modal para
                             informar QUANDO o pagamento aconteceu (quase nunca é
                             hoje), enquanto reabrir é ação direta — não há data
                             a perguntar quando o pagamento deixa de existir.

                             Quem não tem a permissão `pay` continua vendo o
                             polegar como INDICADOR, sem virar botão: a situação
                             do lançamento é informação, não privilégio. --}}
                        @can('pay', $entry)
                            @if ($isPaid)
                                <form method="POST" action="{{ route('financial.payment', $entry) }}"
                                      class="cashflow-row__thumb"
                                      data-confirm="Reabrir {{ $entry->description }}? O pagamento de {{ $entry->paid_at->format('d/m/Y') }} será removido."
                                      data-confirm-label="Reabrir">
                                    @csrf
                                    @method('PATCH')
                                    <button type="submit" class="btn btn-sm btn-link p-0 text-success"
                                            aria-label="Reabrir {{ $entry->description }}"
                                            title="Pago em {{ $entry->paid_at->format('d/m/Y') }} — clique para reabrir">
                                        <i class="bi bi-hand-thumbs-up-fill"></i>
                                    </button>
                                </form>
                            @else
                                <button type="button" class="btn btn-sm btn-link p-0 text-body-secondary cashflow-row__thumb"
                                        data-bs-toggle="modal"
                                        data-bs-target="#financial-entry-pay-{{ $entry->id }}"
                                        aria-label="Marcar {{ $entry->description }} como pago"
                                        title="Em aberto — clique para dar baixa">
                                    <i class="bi bi-hand-thumbs-up"></i>
                                </button>
                            @endif
                        @else
                            <i class="bi bi-hand-thumbs-up{{ $isPaid ? '-fill text-success' : ' text-body-secondary opacity-50' }} cashflow-row__thumb"
                               title="{{ $isPaid ? 'Baixado em '.$entry->paid_at->format('d/m/Y') : 'Em aberto' }}"></i>
                        @endcan

                        {{-- A EXCLUSÃO SAIU DA LINHA e foi para o rodapé do modal
                             de edição, ao lado de Cancelar e Atualizar. O "⋮"
                             existia só para guardá-la: uma coluna inteira, em
                             toda linha, para uma ação rara. No modal ela fica
                             junto das outras decisões sobre aquele lançamento, e
                             a linha ganha o espaço de volta. --}}
                    </li>
                @endforeach
            @empty
                <li class="list-group-item text-center py-5">
                    <i class="bi bi-cash-coin fs-3 text-body-secondary d-block mb-2"></i>
                    <span class="text-body-secondary">
                        Nenhum lançamento neste mês{{ $filters->isActive() ? ' com os filtros aplicados.' : '.' }}
                    </span>
                </li>
            @endforelse
        </ul>

        {{-- O FECHAMENTO DO MÊS, como na referência. Repete a distinção da tela
             inteira em quatro linhas: realizado é o que passou pelo caixa,
             previsto é o que o mês deveria movimentar. Os dois saldos aparecem
             juntos e NUNCA somados entre si. --}}
        <div class="card-body border-top">
            <div class="row justify-content-end">
                <div class="col-12 col-md-6 col-lg-5">
                    <div class="d-flex justify-content-between">
                        <span class="text-body-secondary">Receita realizada</span>
                        <span class="text-success">{{ $money($periodTotals['realized']['in']) }}</span>
                    </div>
                    <div class="d-flex justify-content-between">
                        <span class="text-body-secondary">Receita prevista</span>
                        <span class="text-body-secondary">{{ $money($periodTotals['expected']['in']) }}</span>
                    </div>
                    <div class="d-flex justify-content-between mt-2">
                        <span class="text-body-secondary">Despesa realizada</span>
                        <span class="text-danger">− {{ $money($periodTotals['realized']['out']) }}</span>
                    </div>
                    <div class="d-flex justify-content-between">
                        <span class="text-body-secondary">Despesa prevista</span>
                        <span class="text-body-secondary">− {{ $money($periodTotals['expected']['out']) }}</span>
                    </div>

                    {{-- AS TRANSFERÊNCIAS aparecem sempre que houve alguma no
                         período, mesmo quando o efeito é ZERO — que é o caso sem
                         filtro de conta, porque as duas pontas são da arena e o
                         dinheiro só mudou de lugar. Esconder a linha nesse caso
                         faria parecer que não houve transferência nenhuma.

                         Filtrando por uma conta, aqui aparece quanto saiu (ou
                         entrou) DELA, e o saldo abaixo pode ficar negativo. --}}
                    @if ($periodTotals['has_transfers'])
                        <div class="d-flex justify-content-between mt-2">
                            <span class="text-body-secondary">Transferências</span>
                            <span class="{{ $periodTotals['transfers'] < 0 ? 'text-danger' : 'text-body-secondary' }}">
                                {{ $signed($periodTotals['transfers']) }}
                            </span>
                        </div>
                    @endif

                    <hr class="my-2">

                    {{-- "Saldo atual" e não "realizado": é o dinheiro que de fato
                         está no caixa neste recorte — as baixas mais o efeito das
                         transferências. "Realizado" formava par com "previsto" e
                         sugeria duas projeções do mesmo mês; são coisas
                         diferentes. --}}
                    <div class="d-flex justify-content-between fw-semibold">
                        <span>Saldo atual</span>
                        <span class="{{ $periodTotals['realized']['balance'] < 0 ? 'text-danger' : 'text-primary' }}">
                            {{ $signed($periodTotals['realized']['balance']) }}
                        </span>
                    </div>
                    <div class="d-flex justify-content-between text-body-secondary">
                        <span>Saldo previsto</span>
                        <span>{{ $signed($periodTotals['expected']['balance']) }}</span>
                    </div>
                </div>
            </div>
        </div>

        @if ($entries->hasPages())
            <div class="card-body">{{ $entries->links() }}</div>
        @endif
    </div>

    {{-- Sugestões de tag, compartilhadas por TODOS os modais da página: um
         `<datalist>` por modal repetiria a mesma lista dezenas de vezes no HTML
         sem nenhum ganho. --}}
    <datalist id="financial-tag-suggestions">
        @foreach ($tagSuggestions as $tagName)
            <option value="{{ $tagName }}"></option>
        @endforeach
    </datalist>

    {{-- OS MODAIS FICAM AQUI, no fim e fora da lista — um <form> dentro de outro
         <form> é HTML inválido e o navegador desmonta silenciosamente o de
         dentro. A barra de filtros no topo é um <form>, e a lista inteira vive
         depois dela; deixar os modais aqui embaixo mantém a garantia.

         DOIS modais de cadastro, um por lado do caixa: cada um posta para a sua
         rota (`financeiro/receber`, `financeiro/pagar`) e recebe só as
         categorias daquele lado. É o que impede escolher "Energia" numa receita
         sem nenhuma validação condicional. --}}
    @can('create', App\Models\FinancialEntry::class)
        @include('financial._form', [
            'modalId' => 'financial-entry-create-in',
            'entry' => null,
            'operation' => $income,
            'month' => $period->from->copy()->startOfMonth(),
            'categories' => $formCategories[$income->value],
            'bankAccounts' => $formBankAccounts,
        ])

        @include('financial._form', [
            'modalId' => 'financial-entry-create-out',
            'entry' => null,
            'operation' => $expense,
            'month' => $period->from->copy()->startOfMonth(),
            'categories' => $formCategories[$expense->value],
            'bankAccounts' => $formBankAccounts,
        ])
    @endcan

    @can('create', App\Models\FinancialTransfer::class)
        @include('financial._transfer', [
            'modalId' => 'financial-transfer-create',
            'transfer' => null,
            'month' => $period->from->copy()->startOfMonth(),
            'bankAccounts' => $formBankAccounts,
        ])
    @endcan

    @foreach ($entries as $entry)
        {{-- A lista mistura lançamentos e transferências (ver o controller), e
             cada um tem o seu próprio modal de edição. O salto adiante evita que
             a transferência caia nas autorizações de lançamento logo abaixo, onde
             a policy errada seria consultada. --}}
        @if ($entry instanceof App\Models\FinancialTransfer)
            @can('update', $entry)
                @include('financial._transfer', [
                    'modalId' => 'financial-transfer-'.$entry->id,
                    'transfer' => $entry,
                    'month' => $period->from->copy()->startOfMonth(),
                    'bankAccounts' => $formBankAccounts,
                ])
            @endcan

            {{-- O formulário de exclusão, fora do modal — ver o do lançamento
                 logo abaixo para o porquê do `form=`. --}}
            @can('delete', $entry)
                <form method="POST" id="financial-transfer-destroy-{{ $entry->id }}" class="d-none"
                      action="{{ route('financial.transfers.destroy', $entry) }}"
                      data-confirm="Excluir a transferência {{ $entry->subtitle() }} de {{ $entry->formattedAmount() }}?"
                      data-confirm-label="Excluir">
                    @csrf
                    @method('DELETE')
                </form>
            @endcan

            @continue
        @endif

        {{-- O CONSUMO DA COMANDA DE ORIGEM, só leitura. FORA de qualquer `@can`
             de escrita, de propósito: é consulta, e quem tem `finance.view` já
             vê o valor e a contraparte na linha — esconder a lista de itens
             protegeria menos do que a própria linha já revela.

             O `@if` casa com o botão da linha lá em cima: os dois leem o mesmo
             `$sourceOrders`, então ou existem juntos ou não existe nenhum. --}}
        @if ($order = $sourceOrders[$entry->id] ?? null)
            @include('financial._order', ['entry' => $entry, 'order' => $order])
        @endif

        {{-- O RESUMO DA RESERVA DE ORIGEM, só leitura. Fora de qualquer `@can`
             de escrita pela mesma razão do bloco da comanda acima: é consulta, e
             a linha já revela cliente e valor a quem tem `finance.view`.

             O `@if` casa com o botão da linha lá em cima: os dois leem o mesmo
             `$sourceReservations`. --}}
        @if ($reservationSummary = $sourceReservations[$entry->id] ?? null)
            @include('financial._reservation', ['entry' => $entry, 'summary' => $reservationSummary])
        @endif

        {{-- Na edição a operação vem DO LANÇAMENTO, não de uma escolha da tela:
             editar não muda o lado do caixa. É o que garante que o `action` do
             formulário e a lista de categorias continuem falando do mesmo lado. --}}
        @can('update', $entry)
            @include('financial._form', [
                'modalId' => 'financial-entry-'.$entry->id,
                'entry' => $entry,
                'operation' => $entry->operation,
                'month' => $period->from->copy()->startOfMonth(),
                'categories' => $formCategories[$entry->operation->value],
                'bankAccounts' => $formBankAccounts,
            ])
        @endcan

        @can('delete', $entry)
            @if ($entry->financial_recurrence_id)
                @include('financial._delete', ['entry' => $entry, 'operation' => $entry->operation])
            @else
                {{-- O FORMULÁRIO DE EXCLUSÃO DO LANÇAMENTO SOLTO, fora de qualquer
                     modal. Quem o dispara é o botão "Excluir" do rodapé do modal
                     de edição, por `form="..."` — um <form> dentro de outro é
                     HTML inválido e o navegador desmonta o de dentro em silêncio.

                     `d-none` porque ele não tem nada a mostrar: existe só para
                     carregar o CSRF, o método e a confirmação. --}}
                <form method="POST" id="financial-entry-destroy-{{ $entry->id }}" class="d-none"
                      action="{{ route('financial.destroy', ['operation' => $entry->operation->slug(), 'entry' => $entry]) }}"
                      data-confirm="Excluir {{ $entry->description }}?"
                      data-confirm-label="Excluir">
                    @csrf
                    @method('DELETE')
                </form>
            @endif
        @endcan

        {{-- Só para quem está em aberto: reabrir não pergunta data. --}}
        @unless ($entry->isPaid())
            @can('pay', $entry)
                @include('financial._payment', ['entry' => $entry])
            @endcan
        @endunless
    @endforeach
@endsection