@php
    $moeda = fn ($v) => 'R$ '.number_format((float) $v, 2, ',', '.');
    $inteiro = fn ($v) => number_format((int) $v, 0, ',', '.');

    // [título, dados, explicação]
    $custos = [
        ['Custo total de venda', $custoVenda, 'custo_total_venda'],
        ['Custo total de operação', $custoOperacao, 'custo_total_operacao'],
    ];

    $parte = fn ($v, $total) => (float) $total > 0 ? number_format((float) $v / (float) $total * 100, 1, ',', '.').'%' : '—';

    // Toda linha que abre, para o "Abrir tudo": e{categoria} nas entradas,
    // g{grupo} e g{grupo}c{categoria} nas saídas.
    $chaves = [
        ...$dre['entradas']->categorias->map(fn ($c) => 'e'.$c->id)->all(),
        ...$dre['saidas']->grupos->flatMap(fn ($g) => ['g'.$g->codigo, ...$g->categorias->map(fn ($c) => 'g'.$g->codigo.'c'.$c->id)->all()])->all(),
    ];

    // [título, nota, coleção, rótulo da primeira coluna, campo, é débito]
    // A última soma entradas e saídas, então o total dela não é despesa.
    $listas = [
        ['Saídas por destino', 'o marcador da origem já resolvido: unidade quando é unidade, linha de negócio quando não é', $marcadores, 'Destino', 'destino', true],
        ['Por forma de pagamento', 'entradas e saídas juntas, em valor absoluto — a coluna que o preparo manual do arquivo descartava todo mês', $formas, 'Forma', 'forma', false],
    ];
@endphp

<x-pagina titulo="Financeiro (caixa)" grupo="Relatórios"
          :descricao="'Movimento de '.$rotulos['atual'].' pela data de pagamento: tudo o que entrou e saiu, sem as regras de custo.'">
    <x-slot:filtros>
        <x-seletor-mes :valor="$mes"/>
    </x-slot:filtros>

    @if ($vendasForaDoCaixa)
        {{-- O arquivo do contas a receber parou de trazer a venda de veículo em
             abr/2025. Sem este aviso, o caixa do mês parece um rombo. --}}
        <p class="mb-4 rounded-md border border-amber-200 bg-amber-50 px-4 py-2.5 text-sm text-amber-900">
            <strong class="font-semibold">As entradas deste mês estão incompletas.</strong>
            O arquivo do contas a receber não traz a venda de veículo desde abril de 2025, e em
            {{ $rotulos['atual'] }} foram {{ $inteiro($vendasForaDoCaixa['veiculos']) }} veículos vendidos,
            {{ $moeda($vendasForaDoCaixa['valor']) }}, sem a entrada correspondente aqui. Para o resultado das
            lojas, use o Mensal.
        </p>
    @endif

    <dl class="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
        <x-indicador rotulo="Entradas" :valor="$moeda($totais->entradas)" explicacao="caixa_entradas"/>
        <x-indicador rotulo="Saídas" :valor="$moeda($totais->saidas)" explicacao="caixa_saidas" tom="text-debito"/>
        <x-indicador rotulo="Resultado do caixa" :valor="$moeda($totais->resultado)" explicacao="caixa_resultado"
                     :tom="(float) $totais->resultado < 0 ? 'text-rose-700' : 'text-emerald-700'"/>
        <x-indicador rotulo="Lançamentos" :valor="$inteiro($totais->lancamentos)" explicacao="caixa_lancamentos"
                     nota="títulos pagos e recebidos no mês"/>
    </dl>

    {{-- Os dois cards que o legado erra: ele compara o mês corrente consigo
         mesmo no lugar do ano anterior. Aqui o comparativo é o mesmo dos
         demais cartões da casa. --}}
    <dl class="mt-6 grid gap-3 md:grid-cols-2">
        @foreach ($custos as [$titulo, $card, $explicacao])
            <x-cartao-comparado :rotulo="$titulo" :valor="$card['mes_atual']"
                                :anterior="$card['mes_anterior']" :ano-passado="$card['ano_anterior']"
                                :rotulos="$rotulos" :alta-e-boa="false" despesa :explicacao="$explicacao"/>
        @endforeach
    </dl>

    {{-- DRE do caixa: cada nível abre o seguinte, até o lançamento. O estado
         de aberto/fechado fica no Alpine — a árvore do mês inteiro já veio,
         então abrir uma linha não volta ao servidor. --}}
    <x-quadro titulo="Demonstrativo do caixa" nota="clique numa linha para ver o que tem dentro" class="mt-6">
        <x-slot:acao>
            <x-explicacao chave="caixa_dre"/>
            <x-atalho href="/despesas?mes={{ $mes }}">Despesas pelas regras de custo</x-atalho>
        </x-slot:acao>

        <div x-data="{
                abertos: {},
                chaves: @js($chaves),
                alternar(chave) { this.abertos[chave] = ! this.abertos[chave] },
                todos(valor) { this.chaves.forEach(c => this.abertos[c] = valor) },
             }">
            <div class="flex justify-end gap-1 border-b border-fio px-4 py-2">
                <button type="button" x-on:click="todos(true)" class="rounded-md px-2.5 py-1 text-xs font-medium text-marca-700 transition-colors hover:bg-marca-50">Abrir tudo</button>
                <button type="button" x-on:click="todos(false)" class="rounded-md px-2.5 py-1 text-xs font-medium text-marca-700 transition-colors hover:bg-marca-50">Fechar tudo</button>
            </div>

            <table class="min-w-full text-sm">
                <thead>
                    <tr class="border-b border-fio bg-chao/60 text-[0.7rem] font-semibold uppercase tracking-[0.06em] text-suave">
                        <th class="px-4 py-2.5 text-left">Conta</th>
                        <th class="px-4 py-2.5 text-right">Lançamentos</th>
                        <th class="px-4 py-2.5 text-right text-tinta">Valor</th>
                        <th class="px-4 py-2.5 text-right">Parte</th>
                    </tr>
                </thead>

                @php
                    $seta = '<svg class="size-3.5 shrink-0 text-suave transition-transform" :class="{ \'rotate-90\': ABERTO }" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m9 6 6 6-6 6"/></svg>';
                @endphp

                {{-- (+) Entradas --}}
                <tbody class="divide-y divide-fio">
                    <tr class="bg-chao/40 font-semibold text-tinta">
                        <td class="px-4 py-2.5">(+) Entradas</td>
                        <td class="px-4 py-2.5 text-right tabular-nums text-suave">{{ $inteiro($dre['entradas']->quantidade) }}</td>
                        <td class="px-4 py-2.5 text-right tabular-nums">{{ number_format($dre['entradas']->total, 2, ',', '.') }}</td>
                        <td class="px-4 py-2.5"></td>
                    </tr>
                    @forelse ($dre['entradas']->categorias as $cat)
                        @php $k = 'e'.$cat->id; @endphp
                        <tr class="cursor-pointer transition-colors hover:bg-chao/50" x-on:click="alternar('{{ $k }}')">
                            <td class="py-2 pr-4 pl-8">
                                <button type="button" class="inline-flex items-center gap-1.5 text-left text-tinta" :aria-expanded="abertos['{{ $k }}'] ? 'true' : 'false'">
                                    {!! str_replace('ABERTO', "abertos['$k']", $seta) !!}{{ $cat->nome }}
                                </button>
                            </td>
                            <td class="px-4 py-2 text-right tabular-nums text-suave">{{ $inteiro($cat->lancamentos->count()) }}</td>
                            <td class="px-4 py-2 text-right tabular-nums">{{ number_format($cat->total, 2, ',', '.') }}</td>
                            <td class="px-4 py-2 text-right tabular-nums text-suave">{{ $parte($cat->total, $dre['entradas']->total) }}</td>
                        </tr>
                        @include('livewire.partes.lancamentos-do-dre', ['lancamentos' => $cat->lancamentos, 'mostrar' => "abertos['$k']", 'recuo' => 'pl-14', 'debito' => false])
                    @empty
                        <tr><td colspan="4" class="py-2 pr-4 pl-8 text-suave">Nenhuma entrada no mês.</td></tr>
                    @endforelse
                </tbody>

                {{-- (−) Saídas: grupo → categoria → lançamento --}}
                <tbody class="divide-y divide-fio border-t-2 border-fio">
                    <tr class="bg-chao/40 font-semibold text-tinta">
                        <td class="px-4 py-2.5">(−) Saídas</td>
                        <td class="px-4 py-2.5 text-right tabular-nums text-suave">{{ $inteiro($dre['saidas']->quantidade) }}</td>
                        <td class="px-4 py-2.5 text-right tabular-nums text-debito">{{ number_format($dre['saidas']->total, 2, ',', '.') }}</td>
                        <td class="px-4 py-2.5"></td>
                    </tr>
                    @foreach ($dre['saidas']->grupos as $grupo)
                        @php $kg = 'g'.$grupo->codigo; @endphp
                        <tr class="cursor-pointer font-medium transition-colors hover:bg-chao/50" x-on:click="alternar('{{ $kg }}')">
                            <td class="py-2 pr-4 pl-8">
                                <button type="button" class="inline-flex items-center gap-1.5 text-left text-tinta" :aria-expanded="abertos['{{ $kg }}'] ? 'true' : 'false'">
                                    {!! str_replace('ABERTO', "abertos['$kg']", $seta) !!}{{ $grupo->nome }}
                                </button>
                            </td>
                            <td class="px-4 py-2 text-right tabular-nums text-suave">{{ $inteiro($grupo->quantidade) }}</td>
                            <td class="px-4 py-2 text-right tabular-nums text-debito">{{ number_format($grupo->total, 2, ',', '.') }}</td>
                            <td class="px-4 py-2 text-right tabular-nums text-suave">{{ $parte($grupo->total, $dre['saidas']->total) }}</td>
                        </tr>
                        @foreach ($grupo->categorias as $cat)
                            @php $kc = $kg.'c'.$cat->id; @endphp
                            <tr x-show="abertos['{{ $kg }}']" x-cloak class="cursor-pointer transition-colors hover:bg-chao/50" x-on:click="alternar('{{ $kc }}')">
                                <td class="py-2 pr-4 pl-14">
                                    <button type="button" class="inline-flex items-center gap-1.5 text-left text-tinta" :aria-expanded="abertos['{{ $kc }}'] ? 'true' : 'false'">
                                        {!! str_replace('ABERTO', "abertos['$kc']", $seta) !!}{{ $cat->nome }}
                                    </button>
                                </td>
                                <td class="px-4 py-2 text-right tabular-nums text-suave">{{ $inteiro($cat->lancamentos->count()) }}</td>
                                <td class="px-4 py-2 text-right tabular-nums text-debito">{{ number_format($cat->total, 2, ',', '.') }}</td>
                                <td class="px-4 py-2 text-right tabular-nums text-suave">{{ $parte($cat->total, $dre['saidas']->total) }}</td>
                            </tr>
                            @include('livewire.partes.lancamentos-do-dre', ['lancamentos' => $cat->lancamentos, 'mostrar' => "abertos['$kg'] && abertos['$kc']", 'recuo' => 'pl-20', 'debito' => true])
                        @endforeach
                    @endforeach
                </tbody>

                {{-- (=) Resultado --}}
                <tfoot class="border-t-2 border-fio">
                    <tr class="bg-chao/60 font-semibold">
                        <td class="px-4 py-3 text-tinta">(=) Resultado do caixa</td>
                        <td class="px-4 py-3"></td>
                        <td @class(['px-4 py-3 text-right tabular-nums', 'text-rose-700' => $dre['resultado'] < 0, 'text-emerald-700' => $dre['resultado'] >= 0])>{{ number_format($dre['resultado'], 2, ',', '.') }}</td>
                        <td class="px-4 py-3"></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </x-quadro>

    @foreach ($listas as [$titulo, $nota, $linhas, $cabecalho, $campo, $debito])
        <x-quadro :titulo="$titulo" :nota="$nota" class="mt-6">
            <table class="min-w-full text-sm">
                <thead>
                    <tr class="border-b border-fio bg-chao/60 text-[0.7rem] font-semibold uppercase tracking-[0.06em] text-suave">
                        <th class="px-4 py-2.5 text-left">{{ $cabecalho }}</th>
                        <th class="px-4 py-2.5 text-right">Lançamentos</th>
                        <th class="px-4 py-2.5 text-right text-tinta">Total</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-fio">
                    @forelse ($linhas as $linha)
                        <tr class="transition-colors hover:bg-chao/50">
                            <td class="px-4 py-2.5">
                                {{ $linha->{$campo} }}
                                @if ($campo === 'destino' && $linha->entra_no_rateio)
                                    <span class="ml-1 rounded-sm bg-amber-100 px-1.5 py-px text-[0.6rem] leading-[0.875rem] font-semibold uppercase tracking-[0.05em] text-amber-800">rateado</span>
                                @endif
                            </td>
                            <td class="px-4 py-2.5 text-right tabular-nums text-suave">{{ $inteiro($linha->lancamentos) }}</td>
                            <td @class(['px-4 py-2.5 text-right font-semibold tabular-nums', 'text-debito' => $debito])>{{ number_format((float) $linha->total, 2, ',', '.') }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="px-4 py-6 text-center text-suave">Nada no período.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </x-quadro>
    @endforeach
</x-pagina>