@php
    $moeda = fn ($v) => number_format((float) $v, 2, ',', '.');
    $percentual = fn ($feito, $alvo): ?float => (float) $alvo > 0 ? (float) $feito / (float) $alvo * 100 : null;
    // As mesmas faixas de <x-progresso>: 100% ou mais, de 70% a 100%, abaixo de 70%.
    $tom = fn (?float $p): string => match (true) { $p === null => 'text-suave', $p >= 100 => 'text-emerald-700', $p >= 70 => 'text-amber-700', default => 'text-rose-700' };
    $barra = fn (?float $p): string => match (true) { $p === null => 'bg-slate-300', $p >= 100 => 'bg-emerald-600', $p >= 70 => 'bg-amber-500', default => 'bg-rose-500' };
@endphp

<x-pagina :titulo="$veTodos ? 'Vendedores' : 'Minha meta'" :grupo="$veTodos ? 'Painel' : 'Minha produção'"
          :descricao="$equipe
              ? ($filialNome
                  ? 'A equipe de '.mb_convert_case($filialNome, MB_CASE_TITLE).': cumprimento das metas e os primeiros em vendas. Escolha um vendedor para ver a produção dele.'
                  : 'Cumprimento das metas e os primeiros em vendas. Escolha um vendedor para ver a produção dele.')
              : 'Produção contra a meta no mês, no bimestre, no semestre e no ano.'">
    <x-slot:filtros>
        @if ($equipe)
            <x-alternador legenda="Período" modelo="periodo" :valor="$periodoAtual"
                          :opcoes="[['mes', 'No mês'], ['ano', 'No ano até o mês']]"/>
        @endif
        @if ($veTodos)
            <x-selecao legenda="Vendedor" id="vendedor" wire:model.live="vendedorId">
                <option value="">Toda a equipe</option>
                @foreach ($vendedores->groupBy(fn ($v) => $v->filial ?? 'Sem filial') as $filial => $grupo)
                    <optgroup label="{{ $filial }}">
                        @foreach ($grupo as $opcao)
                            <option value="{{ $opcao->id }}">{{ $opcao->nome }}{{ $opcao->ativo ? '' : ' (inativo)' }}</option>
                        @endforeach
                    </optgroup>
                @endforeach
            </x-selecao>
        @endif
        <x-seletor-mes :valor="$mes"/>
    </x-slot:filtros>

    @if ($equipe)
        @php $resumo = $equipe['resumo']; @endphp

        <div class="flex flex-wrap items-baseline justify-between gap-2">
            <h2 class="text-base font-semibold tracking-tight">
                {{ $filialNome ? 'Equipe de '.mb_convert_case($filialNome, MB_CASE_TITLE) : 'Equipe' }} · {{ $equipe['rotulo'] }}
            </h2>
            @can('gerir-cadastros')
                <x-atalho href="/metas?mes={{ $mes }}">Lançar metas dos vendedores</x-atalho>
            @endcan
        </div>

        <dl class="mt-3 grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
            {{-- Quantos cumpriram: um traço por vendedor com meta. --}}
            @foreach ([
                ['Bateram a meta de valor', (int) $resumo->bateram_valor, (int) $resumo->com_meta_valor, 'bateram_meta_valor'],
                ['Bateram a meta de unidades', (int) $resumo->bateram_quantidade, (int) $resumo->com_meta_quantidade, 'bateram_meta_unidades'],
            ] as [$rotulo, $bateram, $comMeta, $explicacao])
                <div class="flex flex-col rounded-lg border border-fio bg-superficie p-4">
                    <dt class="flex items-center gap-1.5 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-suave">
                        {{ $rotulo }}
                        <x-explicacao :chave="$explicacao"/>
                    </dt>
                    <dd class="mt-1.5 font-display text-2xl font-semibold tracking-tight tabular-nums text-tinta">
                        {{ $bateram }} <span class="text-base font-medium text-suave">de {{ $comMeta }}</span>
                    </dd>
                    @if ($comMeta > 0)
                        <dd class="mt-3 flex gap-0.5" aria-hidden="true">
                            @for ($i = 0; $i < $comMeta; $i++)
                                <span @class(['h-1.5 flex-1 rounded-full', 'bg-emerald-600' => $i < $bateram, 'bg-slate-200' => $i >= $bateram])></span>
                            @endfor
                        </dd>
                    @endif
                    <dd class="mt-auto pt-2 text-xs text-suave">
                        {{ $comMeta > 0 ? 'vendedores com meta no período' : 'nenhum vendedor com meta no período' }}
                    </dd>
                </div>
            @endforeach

            {{-- A equipe inteira: tudo o que vendeu contra a soma das metas. --}}
            @foreach ([
                ['Cumprimento em valor', $resumo->faturamento, $resumo->meta_valor, fn ($v) => 'R$ '.$moeda($v), '', 'cumprimento_equipe_valor'],
                ['Cumprimento em unidades', $resumo->vendas, $resumo->meta_quantidade, fn ($v) => number_format((int) $v, 0, ',', '.'), ' veículos', 'cumprimento_equipe_unidades'],
            ] as [$rotulo, $feito, $alvo, $formato, $unidade, $explicacao])
                @php $p = $percentual($feito, $alvo); @endphp
                <div class="flex flex-col rounded-lg border border-fio bg-superficie p-4">
                    <dt class="flex items-center gap-1.5 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-suave">
                        {{ $rotulo }}
                        <x-explicacao :chave="$explicacao"/>
                    </dt>
                    <dd class="mt-1.5 font-display text-2xl font-semibold tracking-tight tabular-nums {{ $tom($p) }}">
                        {{ $p === null ? '—' : number_format($p, 1, ',', '.').'%' }}
                    </dd>
                    @if ($p !== null)
                        <dd class="mt-3 h-1.5 overflow-hidden rounded-full bg-slate-200" aria-hidden="true">
                            <div class="h-full rounded-full {{ $barra($p) }}" style="width: {{ round(min(100, $p), 1) }}%"></div>
                        </dd>
                    @endif
                    <dd class="mt-auto pt-2 text-xs tabular-nums text-suave">
                        {{ $formato($feito) }} de {{ (float) $alvo > 0 ? $formato($alvo).$unidade : 'meta não lançada' }}
                    </dd>
                </div>
            @endforeach
        </dl>

        <x-quadro titulo="Cumprimento da meta" nota="Do maior cumprimento em valor para o menor. Clique na linha para ver o vendedor." class="mt-6">
            <table class="min-w-full text-sm">
                <thead class="border-b border-fio bg-chao/70 text-[0.7rem] uppercase tracking-[0.08em] text-suave">
                    <tr>
                        <th rowspan="2" scope="col" class="px-4 py-2 text-left align-middle font-semibold">Vendedor</th>
                        <th colspan="3" scope="colgroup" class="border-b border-l border-fio px-4 py-1.5 text-center font-semibold text-tinta">Unidades</th>
                        <th colspan="3" scope="colgroup" class="border-b border-l border-fio px-4 py-1.5 text-center font-semibold text-tinta">Valor</th>
                        <th rowspan="2" scope="col" class="border-l border-fio px-4 py-2 text-center align-middle font-semibold">
                            <span class="inline-flex items-center gap-1.5">Margem <x-explicacao chave="margem"/></span>
                        </th>
                    </tr>
                    <tr>
                        <th scope="col" class="border-l border-fio px-4 py-1.5 text-center font-medium">Vendidas</th>
                        <th scope="col" class="px-4 py-1.5 text-center font-medium">Meta</th>
                        <th scope="col" class="px-4 py-1.5 text-center font-medium">Cumprido</th>
                        <th scope="col" class="border-l border-fio px-4 py-1.5 text-center font-medium">Vendido</th>
                        <th scope="col" class="px-4 py-1.5 text-center font-medium">Meta</th>
                        <th scope="col" class="px-4 py-1.5 text-center font-medium">Cumprido</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-fio">
                    @forelse ($equipe['desempenho'] as $linha)
                        @php $margem = $percentual($linha->lucro, $linha->faturamento); @endphp
                        <tr wire:key="cumprimento-{{ $linha->id }}" wire:click="$set('vendedorId', {{ $linha->id }})"
                            class="group cursor-pointer transition-colors hover:bg-marca-50">
                            <td class="px-4 py-2.5">
                                <div class="flex flex-wrap items-center gap-x-2 gap-y-1">
                                    <button type="button" wire:click.stop="$set('vendedorId', {{ $linha->id }})"
                                            class="text-left font-medium text-tinta group-hover:text-marca-700 focus-visible:underline">{{ $linha->nome }}</button>
                                    <x-filial :nome="$linha->filial"/>
                                    @unless ($linha->ativo)
                                        <span class="rounded-sm bg-slate-100 px-1.5 py-px text-[0.6rem] leading-[0.875rem] font-semibold uppercase tracking-[0.05em] text-suave">inativo</span>
                                    @endunless
                                </div>
                            </td>
                            <td class="border-l border-fio px-4 py-2.5 text-center tabular-nums">{{ (int) $linha->vendas }}</td>
                            <td class="px-4 py-2.5 text-center tabular-nums text-suave">{{ $linha->meta_quantidade === null ? '—' : (int) $linha->meta_quantidade }}</td>
                            <td class="px-4 py-2.5 text-center [&>div]:justify-center"><x-progresso :realizado="$linha->vendas" :meta="$linha->meta_quantidade"/></td>
                            <td class="border-l border-fio px-4 py-2.5 text-center tabular-nums whitespace-nowrap">{{ $moeda($linha->faturamento) }}</td>
                            <td class="px-4 py-2.5 text-center tabular-nums whitespace-nowrap text-suave">{{ $linha->meta_valor === null ? '—' : $moeda($linha->meta_valor) }}</td>
                            <td class="px-4 py-2.5 text-center [&>div]:justify-center"><x-progresso :realizado="$linha->faturamento" :meta="$linha->meta_valor"/></td>
                            <td class="border-l border-fio px-4 py-2.5 text-center tabular-nums {{ $margem !== null && $margem < 0 ? 'text-rose-700' : '' }}">
                                {{ $margem === null ? '—' : number_format($margem, 1, ',', '.').'%' }}
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="px-4 py-6 text-center text-suave">Nenhuma meta nem venda no período.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </x-quadro>

        <div class="mt-6 grid gap-6 lg:grid-cols-2">
            @foreach ([
                ['Maior valor vendido', $equipe['porValor'], 'faturamento'],
                ['Mais veículos vendidos', $equipe['porUnidades'], 'vendas'],
            ] as [$titulo, $lista, $campo])
                @php $lider = (float) ($lista->first()->{$campo} ?? 0); @endphp
                <x-quadro :titulo="$titulo" nota="os cinco primeiros">
                    <x-slot:acao>
                        <x-explicacao chave="ranking_vendedores"/>
                    </x-slot:acao>
                    @if ($lista->isEmpty())
                        <p class="px-4 py-6 text-center text-sm text-suave">Nenhuma venda no período.</p>
                    @else
                        <ol class="divide-y divide-fio">
                            @foreach ($lista as $linha)
                                <li class="flex items-center gap-3 px-4 py-2.5 transition-colors hover:bg-chao/50">
                                    <span @class([
                                        'grid size-6 shrink-0 place-items-center rounded-sm font-display text-xs font-bold tabular-nums',
                                        'bg-amarelo text-marca-900' => $loop->first,
                                        'bg-slate-100 text-suave' => ! $loop->first,
                                    ])>{{ $loop->iteration }}</span>
                                    <div class="min-w-0 flex-1">
                                        <div class="flex items-baseline justify-between gap-3">
                                            <button type="button" wire:click="$set('vendedorId', {{ $linha->id }})"
                                                    class="truncate text-left text-sm font-medium text-tinta hover:text-marca-600 hover:underline">{{ $linha->nome }}</button>
                                            <span class="shrink-0 text-sm font-semibold tabular-nums text-tinta">
                                                {{ $campo === 'faturamento' ? 'R$ '.$moeda($linha->faturamento) : (int) $linha->vendas }}
                                            </span>
                                        </div>
                                        <div class="mt-1.5 flex items-center gap-3">
                                            <div class="h-1 flex-1 overflow-hidden rounded-sm bg-slate-100" aria-hidden="true">
                                                <div class="h-full rounded-full bg-marca-600" style="width: {{ $lider > 0 ? round((float) $linha->{$campo} / $lider * 100, 1) : 0 }}%"></div>
                                            </div>
                                            <span class="flex shrink-0 items-center gap-1.5 text-xs tabular-nums text-suave">
                                                <x-filial :nome="$linha->filial"/>
                                                {{ $campo === 'faturamento' ? (int) $linha->vendas.' veíc.' : 'R$ '.$moeda($linha->faturamento) }}
                                            </span>
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        </ol>
                    @endif
                </x-quadro>
            @endforeach
        </div>

        {{-- O ranking por loja traz vendedores de qualquer filial que venderam
             nela: fora da visão da empresa, mostraria gente de outra equipe. --}}
        @if ($daEmpresa)
            <div class="mt-8 flex flex-wrap items-baseline justify-between gap-2">
                <h2 class="text-base font-semibold tracking-tight">Primeiros de cada loja</h2>
                <div class="flex flex-wrap items-center gap-3">
                    <p class="flex items-center gap-1.5 text-xs text-suave">
                        pelo valor vendido na loja, por qualquer vendedor
                        <x-explicacao chave="primeiros_da_loja"/>
                    </p>
                    <x-atalho href="/vendas?mes={{ $mes }}">Vendas por loja e vendedor</x-atalho>
                </div>
            </div>

            @if ($equipe['lojas']->isEmpty())
                <p class="mt-3 rounded-md border border-dashed border-fio p-6 text-center text-sm text-suave">Nenhuma venda no período.</p>
            @else
                <div class="mt-3 grid gap-6 lg:grid-cols-3">
                    @foreach ($equipe['lojas'] as $loja => $primeiros)
                        <x-quadro :titulo="mb_convert_case($loja, MB_CASE_TITLE)" :cor="\App\Visual\Cores::de($loja)"
                                  :nota="'R$ '.$moeda($primeiros->first()->faturamento_loja).' na loja'">
                            <ol class="divide-y divide-fio">
                                @foreach ($primeiros as $linha)
                                    <li class="flex items-center gap-3 px-4 py-2.5 transition-colors hover:bg-chao/50">
                                        <span @class([
                                            'grid size-6 shrink-0 place-items-center rounded-sm font-display text-xs font-bold tabular-nums',
                                            'bg-amarelo text-marca-900' => $loop->first,
                                            'bg-slate-100 text-suave' => ! $loop->first,
                                        ])>{{ $linha->posicao }}</span>
                                        <div class="min-w-0 flex-1">
                                            @if ($linha->vendedor_id)
                                                <button type="button" wire:click="$set('vendedorId', {{ $linha->vendedor_id }})"
                                                        class="block max-w-full truncate text-left text-sm font-medium text-tinta hover:text-marca-600 hover:underline">{{ $linha->vendedor }}</button>
                                            @else
                                                <span class="block truncate text-sm text-suave">{{ $linha->vendedor }}</span>
                                            @endif
                                            <span class="text-xs tabular-nums text-suave">
                                                {{ (int) $linha->vendas }} veíc. ·
                                                {{ number_format((float) $linha->faturamento / max(0.01, (float) $linha->faturamento_loja) * 100, 0, ',', '.') }}% da loja
                                            </span>
                                        </div>
                                        <span class="shrink-0 text-sm font-semibold tabular-nums text-tinta">{{ $moeda($linha->faturamento) }}</span>
                                    </li>
                                @endforeach
                            </ol>
                        </x-quadro>
                    @endforeach
                </div>
            @endif
        @endif
    @elseif ($vendedor === null)
        <p class="rounded-md border border-dashed border-fio p-8 text-center text-sm text-suave">
            @if (auth()->user()?->perfil === \App\Perfil::Gerente)
                Seu acesso de gerente ainda não está ligado a uma filial. Peça ao administrador para escolher a sua filial no cadastro de usuários.
            @else
                Seu acesso ainda não está ligado a um vendedor. Peça ao administrador para ligar seu usuário ao seu cadastro.
            @endif
        </p>
    @else
        <div class="flex flex-wrap items-center justify-between gap-3">
            <div class="flex flex-wrap items-center gap-2">
                @if ($veTodos)
                    <button type="button" wire:click="$set('vendedorId', null)"
                            class="group mr-1 inline-flex items-center gap-1.5 rounded-sm border border-fio bg-superficie px-2 py-1 text-xs font-medium text-marca-700 shadow-xs transition-colors hover:border-marca-200 hover:bg-marca-50 hover:text-marca-800">
                        <svg class="size-3.5 transition-transform group-hover:-translate-x-0.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20 12H5m0 0 5.5-5.5M5 12l5.5 5.5"/>
                        </svg>
                        Toda a equipe
                    </button>
                @endif
                <h2 class="text-base font-semibold tracking-tight">{{ $vendedor->nome }}</h2>
                <x-filial :nome="$vendedor->filial"/>
            </div>
            <x-atalho href="/vendas?mes={{ $mes }}">{{ $veTodos ? 'Vendas do mês por loja e vendedor' : 'Minhas vendas por marca e loja' }}</x-atalho>
        </div>

        <div class="mt-3 grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
            @foreach ($periodos as $chave => $periodo)
                @php
                    $margem = $percentual($periodo->lucro, $periodo->faturamento);
                    $pUnidades = $percentual($periodo->vendas, $periodo->meta_quantidade);
                    $pValor = $percentual($periodo->faturamento, $periodo->meta_valor);
                    $ticket = (int) $periodo->vendas > 0 ? (float) $periodo->faturamento / (int) $periodo->vendas : null;
                @endphp
                <section class="flex flex-col rounded-lg border border-fio bg-superficie p-4">
                    <h3 class="text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-suave">{{ $titulos[$chave] }}</h3>

                    <dl class="mt-3 space-y-3 text-sm">
                        <div>
                            <dt class="flex items-center gap-1.5 text-xs text-suave">
                                Unidades
                                <x-explicacao chave="meta_unidades"/>
                            </dt>
                            <dd class="mt-0.5 flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1">
                                <span class="tabular-nums">
                                    <strong class="font-display text-lg font-semibold tracking-tight {{ $tom($pUnidades) }}">{{ (int) $periodo->vendas }}</strong>
                                    <span class="text-xs text-suave">de {{ $pUnidades === null ? 'meta não lançada' : (int) $periodo->meta_quantidade }}</span>
                                </span>
                                <x-progresso :realizado="$periodo->vendas" :meta="$periodo->meta_quantidade"/>
                            </dd>
                        </div>
                        <div>
                            <dt class="flex items-center gap-1.5 text-xs text-suave">
                                Valor
                                <x-explicacao chave="meta_valor"/>
                            </dt>
                            <dd class="mt-0.5 flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1">
                                <span class="tabular-nums">
                                    <strong class="font-display text-base font-semibold tracking-tight {{ $tom($pValor) }}">{{ $moeda($periodo->faturamento) }}</strong>
                                    <span class="block text-xs text-suave">de {{ $pValor === null ? 'meta não lançada' : $moeda($periodo->meta_valor) }}</span>
                                </span>
                                <x-progresso :realizado="$periodo->faturamento" :meta="$periodo->meta_valor"/>
                            </dd>
                        </div>
                        <div class="mt-auto space-y-1.5 border-t border-fio pt-3 text-xs">
                            @foreach ([
                                ['Lucro gerado', $moeda($periodo->lucro), 'lucro_veiculos', $margem !== null && (float) $periodo->lucro < 0],
                                ['Ticket médio', $ticket === null ? '—' : $moeda($ticket), 'ticket_medio', false],
                                ['Margem nos veículos', $margem === null ? '—' : number_format($margem, 1, ',', '.').'%', 'margem', $margem !== null && $margem < 0],
                            ] as [$rotulo, $texto, $chave, $ruim])
                                <div class="flex items-baseline justify-between gap-2">
                                    <dt class="flex items-center gap-1.5 text-suave">
                                        {{ $rotulo }}
                                        <x-explicacao :chave="$chave"/>
                                    </dt>
                                    <dd @class(['font-semibold tabular-nums whitespace-nowrap', 'text-rose-700' => $ruim, 'text-tinta' => ! $ruim])>{{ $texto }}</dd>
                                </div>
                            @endforeach
                        </div>
                    </dl>
                </section>
            @endforeach
        </div>

        <div class="mt-8 grid gap-6 lg:grid-cols-2">
            <x-quadro titulo="Unidades no ano" nota="Barras: vendidas. Linha tracejada: meta.">
                <div class="p-4"><x-grafico :config="$graficos['unidades']" altura="16rem"/></div>
            </x-quadro>
            <x-quadro titulo="Valor no ano" nota="Barras: vendido. Linha tracejada: meta.">
                <div class="p-4"><x-grafico :config="$graficos['valores']" altura="16rem"/></div>
            </x-quadro>
        </div>
        {{-- Mês sem venda mantém o quadro e diz isso: seção que some deixa a
             dúvida de onde ela foi parar. --}}
        <x-quadro :titulo="'Veículos vendidos em '.\App\Consultas\Periodo::rotulo($mes)"
                  :nota="$vendas->isEmpty() ? null : $vendas->count().($vendas->count() === 1 ? ' veículo' : ' veículos').' · os mesmos números do cartão do mês'" class="mt-6">
            @can('ver-financeiro')
                <x-slot:acao>
                    <x-atalho href="/marcas-e-modelos?de={{ $mes }}&ate={{ $mes }}&vendedores[]={{ $vendedor->id }}&aba=modelos">O que ele mais vende</x-atalho>
                </x-slot:acao>
            @endcan

            @if ($vendas->isEmpty())
                <p class="px-4 py-8 text-center text-sm text-suave">Nenhum veículo vendido neste mês.</p>
            @else
                <table class="min-w-full text-sm">
                    <thead class="border-b border-fio bg-chao/70 text-[0.7rem] uppercase tracking-[0.06em] text-suave">
                        <tr>
                            <th scope="col" class="px-4 py-2.5 text-left font-semibold">Data</th>
                            <th scope="col" class="px-3 py-2.5 text-left font-semibold">Veículo</th>
                            <th scope="col" class="px-3 py-2.5 text-center font-semibold">Ano</th>
                            <th scope="col" class="px-3 py-2.5 text-center font-semibold">Placa</th>
                            <th scope="col" class="px-3 py-2.5 text-center font-semibold">Loja</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Valor</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Lucro</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Margem</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Dias em pátio</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-fio">
                        @foreach ($vendas as $venda)
                            <tr wire:key="venda-{{ $venda->id }}" class="transition-colors hover:bg-chao/50">
                                <td class="px-4 py-2.5 tabular-nums whitespace-nowrap">{{ date('d/m', (int) strtotime((string) $venda->data_venda)) }}</td>
                                <td class="px-3 py-2.5">
                                    <span class="text-tinta">{{ $venda->versao }}</span>
                                    @if ($venda->status === 'novo')
                                        <span class="ml-1 rounded-sm bg-emerald-50 px-1.5 py-px text-[0.6rem] leading-[0.875rem] font-semibold uppercase tracking-[0.05em] text-emerald-800">novo</span>
                                    @endif
                                    <span class="block text-[0.7rem] text-suave">{{ $venda->marca ?? 'sem marca' }}</span>
                                </td>
                                <td class="px-3 py-2.5 text-center tabular-nums">{{ $venda->ano_modelo }}</td>
                                <td class="px-3 py-2.5 text-center font-mono text-xs text-suave">{{ $venda->identificacao ?? '—' }}</td>
                                <td class="px-3 py-2.5 text-center"><x-filial :nome="$venda->loja"/></td>
                                <td class="px-3 py-2.5 text-right tabular-nums whitespace-nowrap">{{ $moeda($venda->valor_venda) }}</td>
                                <td @class(['px-3 py-2.5 text-right tabular-nums whitespace-nowrap', 'text-rose-700' => (float) $venda->lucro < 0])>{{ $moeda($venda->lucro) }}</td>
                                <td @class(['px-3 py-2.5 text-right tabular-nums', 'text-rose-700' => $venda->margem !== null && (float) $venda->margem < 0])>
                                    {{ $venda->margem === null ? '—' : number_format((float) $venda->margem, 1, ',', '.').'%' }}
                                </td>
                                <td @class([
                                    'px-3 py-2.5 text-right tabular-nums',
                                    'text-amber-700' => (int) $venda->dias_patio >= 90 && (int) $venda->dias_patio < 180,
                                    'font-medium text-rose-700' => (int) $venda->dias_patio >= 180,
                                ])>{{ (int) $venda->dias_patio }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot class="border-t border-fio bg-chao/60 text-sm font-semibold">
                        <tr>
                            <td class="px-4 py-2.5" colspan="5">Total do mês</td>
                            <td class="px-3 py-2.5 text-right tabular-nums whitespace-nowrap">{{ $moeda($vendas->sum(fn ($v) => (float) $v->valor_venda)) }}</td>
                            @php
                                $lucroDoMes = $vendas->sum(fn ($v) => (float) $v->lucro);
                                $vendidoNoMes = $vendas->sum(fn ($v) => (float) $v->valor_venda);
                            @endphp
                            <td @class(['px-3 py-2.5 text-right tabular-nums whitespace-nowrap', 'text-rose-700' => $lucroDoMes < 0])>{{ $moeda($lucroDoMes) }}</td>
                            <td class="px-3 py-2.5 text-right tabular-nums">{{ $vendidoNoMes > 0 ? number_format($lucroDoMes / $vendidoNoMes * 100, 1, ',', '.').'%' : '—' }}</td>
                            <td class="px-3 py-2.5 text-right tabular-nums">{{ number_format($vendas->avg(fn ($v) => (int) $v->dias_patio), 0, ',', '.') }}</td>
                        </tr>
                    </tfoot>
                </table>
            @endif
        </x-quadro>
    @endif
</x-pagina>