@php
    use App\Carroceria;
    use App\Consultas\Estoque;

    $moeda = fn ($v): string => number_format((float) $v, 2, ',', '.');
    $inteiro = fn ($v): string => number_format((int) $v, 0, ',', '.');
    $milhoes = fn ($v): string => (float) $v >= 1000000
        ? 'R$ '.number_format((float) $v / 1000000, 2, ',', '.').' mi'
        : 'R$ '.number_format((float) $v / 1000, 0, ',', '.').' mil';
    $cabecalho = 'border-b border-fio bg-chao/70 text-[0.7rem] uppercase tracking-[0.06em] text-suave';
    // As mesmas cores de pátio do relatório de marcas e modelos.
    $tomDias = fn (int $dias): string => match (true) {
        $dias > Estoque::DIAS_CRITICO => 'font-medium text-rose-700',
        $dias > Estoque::DIAS_ATENCAO => 'text-amber-700',
        default => 'text-tinta',
    };
@endphp

<x-pagina titulo="Estoque atual" grupo="Painel"
          descricao="Os carros no pátio, o dinheiro parado neles e há quanto tempo, pela última fotografia do estoque importada da Revenda Mais.">

    @if ($fotografia === null)
        <div class="rounded-lg border border-dashed border-fio bg-superficie p-10 text-center text-sm text-suave">
            <p class="font-medium text-tinta">Nenhum estoque importado ainda.</p>
            <p class="mx-auto mt-2 max-w-[60ch]">
                Na Revenda Mais, gere a <strong class="text-tinta">Lista Gerencial de Estoque com Margem</strong>, exporte em Excel e importe o arquivo aqui no painel.
            </p>
            @can('importar')
                <div class="mt-4"><x-atalho href="/importacoes">Importar arquivos</x-atalho></div>
            @endcan
        </div>
    @else
        {{-- A data da fotografia em destaque: é a única tela "de hoje". --}}
        <div @class([
            'flex flex-wrap items-center justify-between gap-x-4 gap-y-2 rounded-md border px-4 py-2.5 text-sm',
            'border-amber-200 bg-amber-50 text-amber-900' => $diasDaFotografia > Estoque::FOTOGRAFIA_VELHA_DIAS,
            'border-fio bg-superficie text-suave' => $diasDaFotografia <= Estoque::FOTOGRAFIA_VELHA_DIAS,
        ])>
            <p class="flex items-center gap-2">
                <span @class(['size-2 rounded-full', 'bg-amber-500' => $diasDaFotografia > Estoque::FOTOGRAFIA_VELHA_DIAS, 'bg-emerald-500' => $diasDaFotografia <= Estoque::FOTOGRAFIA_VELHA_DIAS]) aria-hidden="true"></span>
                <span>
                    Estoque em <strong class="font-semibold text-tinta">{{ $geradoEm->format('d/m/Y \à\s H:i') }}</strong>
                    @if ($diasDaFotografia === 0)
                        · de hoje
                    @elseif ($diasDaFotografia > Estoque::FOTOGRAFIA_VELHA_DIAS)
                        · há {{ $diasDaFotografia }} dias: carros podem ter sido vendidos ou comprados desde então. Importe um relatório novo.
                    @else
                        · há {{ $diasDaFotografia }} {{ $diasDaFotografia === 1 ? 'dia' : 'dias' }}
                    @endif
                </span>
                <x-explicacao chave="estoque_fotografia"/>
            </p>
            <p class="text-xs">
                importado em {{ \Carbon\CarbonImmutable::parse((string) $fotografia->importado_em)->format('d/m/Y \à\s H:i') }}{{ $fotografia->importado_por ? ' por '.$fotografia->importado_por : '' }}
            </p>
        </div>

        {{-- O gerente vê o estoque inteiro, mas começa pela filial dele. --}}
        @if ($resumoDaMinhaFilial)
            @php $f = $resumoDaMinhaFilial; @endphp
            <section class="mt-4 rounded-lg border border-marca-200 bg-marca-50/60 p-4" aria-label="Sua filial">
                <div class="flex flex-wrap items-center justify-between gap-3">
                    <p class="flex items-center gap-2 text-sm text-marca-800">
                        <span class="font-semibold uppercase tracking-[0.08em] text-[0.7rem]">Sua filial</span>
                        <x-filial :nome="$f->unidade"/>
                    </p>
                    <button type="button" wire:click="$set('filiais', ['{{ $minhaFilial }}'])"
                            x-on:click="document.getElementById('lista-veiculos')?.scrollIntoView({ behavior: 'smooth' })"
                            class="rounded-sm border border-marca-200 bg-superficie px-2.5 py-1 text-xs font-medium text-marca-700 shadow-xs transition-colors hover:bg-marca-100">
                        Ver só os carros de {{ $f->rotulo }}
                    </button>
                </div>
                <dl class="mt-3 grid gap-x-6 gap-y-2 text-sm sm:grid-cols-2 lg:grid-cols-5">
                    @foreach ([
                        ['Veículos', $inteiro($f->quantidade).((int) $f->novos > 0 ? ' · '.$inteiro($f->novos).' novos' : ''), 'text-tinta'],
                        ['Capital parado', 'R$ '.$moeda($f->capital), 'text-tinta'],
                        ['Margem potencial', 'R$ '.$moeda($f->margem), (float) $f->margem < 0 ? 'text-rose-700' : 'text-emerald-700'],
                        ['Dias em pátio, em média', $inteiro($f->dias_medios), $tomDias((int) $f->dias_medios)],
                        ['Acima de '.Estoque::DIAS_ATENCAO.' dias', $inteiro($f->acima_atencao).' carros', (int) $f->acima_atencao > 0 ? 'text-amber-700' : 'text-tinta'],
                    ] as [$rotulo, $valor, $tom])
                        <div>
                            <dt class="text-xs text-suave">{{ $rotulo }}</dt>
                            <dd class="font-display text-lg font-semibold tabular-nums {{ $tom }}">{{ $valor }}</dd>
                        </div>
                    @endforeach
                </dl>
            </section>
        @endif

        <dl class="mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
            <x-indicador rotulo="Veículos em estoque" :valor="$inteiro($resumo->quantidade)"
                         :nota="$inteiro($resumo->novos).' novos · '.$inteiro($resumo->usados).' usados'.((int) $resumo->consignados > 0 ? ' · '.$inteiro($resumo->consignados).' consignados à parte' : '')"/>
            <x-indicador rotulo="Capital parado" :valor="'R$ '.$moeda($resumo->capital)" explicacao="estoque_capital"
                         :nota="(int) $resumo->com_quitacao > 0
                             ? 'custo total · R$ '.$moeda($resumo->quitacao).' ainda a quitar com bancos em '.$inteiro($resumo->com_quitacao).' carros'
                             : 'custo total dos carros da loja'"/>
            <x-indicador rotulo="Margem potencial" :valor="'R$ '.$moeda($resumo->margem)" explicacao="estoque_margem"
                         :tom="(float) $resumo->margem < 0 ? 'text-rose-700' : 'text-emerald-700'"
                         :nota="((float) $resumo->venda_potencial > 0 ? number_format((float) $resumo->margem / (float) $resumo->venda_potencial * 100, 1, ',', '.').'% sobre '.$milhoes($resumo->venda_potencial).' de venda' : '').' · depois do custo do dinheiro: R$ '.$moeda($resumo->margem_liquida)"/>
            <x-indicador rotulo="Custo do dinheiro parado" :valor="'R$ '.$moeda($resumo->custo_financeiro)" explicacao="estoque_custo_financeiro"
                         tom="text-debito" nota="o que o capital renderia se não estivesse no pátio"/>
            <x-indicador rotulo="Dias em pátio, em média" :valor="number_format((float) $resumo->dias_medios, 0, ',', '.')" explicacao="estoque_dias"
                         nota="da compra até a fotografia"/>
            <x-indicador :rotulo="'Parados há mais de '.Estoque::DIAS_ATENCAO.' dias'" :valor="$inteiro($resumo->acima_atencao).' carros'"
                         :tom="(int) $resumo->acima_atencao > 0 ? 'text-amber-700' : 'text-tinta'"
                         :nota="$milhoes($resumo->capital_acima_atencao).' de capital · '.$inteiro($resumo->acima_critico).' acima de '.Estoque::DIAS_CRITICO.' dias'"/>
        </dl>

        {{-- O que pede ação: preço errado na origem e carro que vende no prejuízo. --}}
        @if ((int) $resumo->preco_a_conferir > 0 || (int) $resumo->margem_negativa > 0)
            <div class="mt-4 flex flex-wrap items-center gap-x-4 gap-y-2 rounded-md border border-amber-200 bg-amber-50 px-4 py-2.5 text-sm text-amber-900">
                @if ((int) $resumo->preco_a_conferir > 0)
                    <span>
                        <strong class="font-semibold">{{ $inteiro($resumo->preco_a_conferir) }} {{ (int) $resumo->preco_a_conferir === 1 ? 'carro' : 'carros' }} com preço a conferir</strong>
                        na Revenda Mais (zerado ou abaixo da metade do custo) — fora da margem até ser corrigido.
                        <button type="button" wire:click="$set('situacao', 'conferir')" x-on:click="document.getElementById('lista-veiculos')?.scrollIntoView({ behavior: 'smooth' })" class="font-medium underline underline-offset-2 hover:text-amber-950">Ver</button>
                    </span>
                @endif
                @if ((int) $resumo->margem_negativa > 0)
                    <span>
                        <strong class="font-semibold">{{ $inteiro($resumo->margem_negativa) }} {{ (int) $resumo->margem_negativa === 1 ? 'carro' : 'carros' }} com margem negativa</strong>
                        pelo preço de hoje.
                        <button type="button" wire:click="$set('situacao', 'negativa')" x-on:click="document.getElementById('lista-veiculos')?.scrollIntoView({ behavior: 'smooth' })" class="font-medium underline underline-offset-2 hover:text-amber-950">Ver</button>
                    </span>
                @endif
            </div>
        @endif

        {{-- Os carros, um a um. --}}
        @php
            // A nota diz a ordem da lista em palavras, conforme a coluna escolhida.
            $descricaoDaOrdem = [
                'veiculo' => ['por modelo, de A a Z', 'por modelo, de Z a A'],
                'ano' => ['do ano mais antigo para o mais novo', 'do ano mais novo para o mais antigo'],
                'dias' => ['do mais novo no estoque para o mais parado', 'do mais parado para o mais novo'],
                'custo' => ['do menor custo para o maior', 'do maior custo para o menor'],
                'venda' => ['do menor preço para o maior', 'do maior preço para o menor'],
                'margem' => ['da menor margem para a maior', 'da maior margem para a menor'],
                'fipe' => ['da menor FIPE para a maior', 'da maior FIPE para a menor'],
                'local' => ['por onde está, de A a Z', 'por onde está, de Z a A'],
            ][$ordemAtual][$direcaoAtual === 'asc' ? 0 : 1];
        @endphp
        <x-quadro id="lista-veiculos" titulo="Veículos" :nota="$inteiro($veiculos->count()).' de '.$inteiro($resumo->quantidade).' carros da loja · '.$descricaoDaOrdem" class="mt-6">
            <div class="flex flex-wrap items-end gap-x-4 gap-y-3 border-b border-fio bg-chao/40 px-4 pt-3 pb-4">
                <x-abas :abas="array_keys(\App\Livewire\PainelEstoque::SITUACOES)" :atual="$situacaoAtual" modelo="situacao"
                        :rotulos="\App\Livewire\PainelEstoque::SITUACOES" aria-label="Situação"/>
            </div>
            <div class="flex flex-wrap items-end gap-x-4 gap-y-3 border-b border-fio px-4 pt-3 pb-4">
                @if ($porFilial->isNotEmpty())
                    <x-selecao-multipla legenda="Onde está" id="filiais" modelo="filiais" largura="min-w-44"
                                        vazio="Todas as filiais" singular="local" plural="locais"
                                        :selecionados="$filiaisAtuais"
                                        :opcoes="$porFilial->map(fn ($o) => [
                                            'valor' => (string) $o->chave,
                                            'rotulo' => $o->rotulo,
                                            'nota' => $inteiro($o->quantidade),
                                        ])->all()"/>
                    <x-selecao-multipla legenda="Classe" id="classes" modelo="classes" largura="min-w-32"
                                        vazio="Todas as classes" singular="classe" plural="classes"
                                        :selecionados="$classesAtuais"
                                        :opcoes="collect(\App\Importacao\MarcadorDeEstoque::CLASSES)->map(fn ($c) => [
                                            'valor' => $c,
                                            'rotulo' => $c === '0KM' ? '0 km (novo)' : 'Classe '.$c.($c === 'A' ? ' (melhor)' : ($c === 'D' ? ' (pior)' : '')),
                                            'ponto' => \App\Visual\Cores::CLASSES[$c]['ponto'] ?? null,
                                        ])->all()"/>
                @endif
                <x-selecao-multipla legenda="Carroceria" id="carrocerias" modelo="carrocerias" largura="min-w-44"
                                    vazio="Todas as carrocerias" singular="carroceria" plural="carrocerias"
                                    :selecionados="$carroceriasAtuais"
                                    :opcoes="$porCarroceria->map(fn ($o) => [
                                        'valor' => (string) $o->chave,
                                        'rotulo' => Carroceria::rotuloDe($o->chave),
                                        'nota' => $inteiro($o->quantidade),
                                    ])->all()"/>
                <x-selecao-multipla legenda="Marca" id="marcas" modelo="marcas" largura="min-w-40" busca
                                    vazio="Todas as marcas" singular="marca" plural="marcas"
                                    :selecionados="$marcasAtuais"
                                    :opcoes="collect($opcoesMarca)->map(fn ($m) => ['valor' => $m, 'rotulo' => $m])->all()"/>
                <label class="text-sm">
                    <span class="block text-xs font-medium text-suave">Buscar</span>
                    <input type="search" wire:model.live.debounce.400ms="busca" placeholder="Modelo, placa ou código"
                           class="mt-1 block h-[2.125rem] w-56 rounded-md border border-fio bg-superficie px-3 text-sm text-tinta shadow-xs placeholder:text-suave focus-visible:outline-2 focus-visible:outline-marca-600">
                </label>
                @if ($filtrando)
                    <button type="button" wire:click="limparFiltros"
                            class="inline-flex h-[2.125rem] items-center gap-1.5 rounded-md px-3 text-sm font-medium text-marca-600 transition-colors hover:bg-marca-50">
                        <svg class="size-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" d="M6 18 18 6M6 6l12 12"/></svg>
                        Limpar filtros
                    </button>
                @endif
            </div>

            <table class="min-w-full text-sm">
                <thead class="{{ $cabecalho }}">
                    <tr>
                        @foreach ([
                            ['veiculo', 'Veículo', 'left', 'px-4'],
                            ['ano', 'Ano', 'center', 'px-3'],
                            ['dias', 'Dias', 'right', 'px-3'],
                            ['custo', 'Custo total', 'right', 'px-3'],
                            ['venda', 'Preço de venda', 'right', 'px-3'],
                            ['margem', 'Margem', 'right', 'px-3'],
                            ['fipe', 'FIPE', 'right', 'px-3'],
                            ['local', 'Onde está', 'left', 'px-4'],
                        ] as [$coluna, $rotuloColuna, $alinhar, $recuo])
                            <x-coluna-ordenavel :coluna="$coluna" :rotulo="$rotuloColuna" :alinhar="$alinhar" :class="$recuo"
                                                :ordem="$ordemAtual" :direcao="$direcaoAtual"/>
                        @endforeach
                        <th scope="col" class="px-3 py-2.5"><span class="sr-only">Simular preço</span></th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-fio">
                    @forelse ($visiveis as $v)
                        @php $daMinha = $minhaFilial !== null && (string) $v->unidade_id === $minhaFilial; @endphp
                        <tr wire:key="estoque-{{ $v->id }}" @class(['transition-colors', 'bg-marca-50/60 hover:bg-marca-50' => $daMinha, 'hover:bg-chao/50' => ! $daMinha])>
                            <td class="relative px-4 py-2.5">
                                @if ($daMinha)<span class="absolute inset-y-0 left-0 w-1 bg-marca-600" aria-hidden="true"></span>@endif
                                {{-- A etiqueta vem antes do nome, sempre no mesmo lugar: a classe do usado, ou "novo". --}}
                                @if ($v->classe && $v->classe !== '0KM')
                                    <x-classe :classe="$v->classe" class="mr-1.5 align-[0.1em]"/>
                                @endif
                                @if ($v->novo)
                                    <span class="mr-1.5 inline-flex rounded-sm px-1.5 py-px align-[0.1em] text-[0.6rem] leading-[0.875rem] font-semibold uppercase tracking-[0.05em] ring-1 {{ \App\Visual\Cores::CLASSES['0KM']['etiqueta'] }}">novo</span>
                                @endif
                                <span class="text-tinta">{{ $v->modelo }}</span>
                                <span class="block text-[0.7rem] text-suave">
                                    {{ $v->marca }} · {{ Carroceria::rotuloDe($v->carroceria) }} ·
                                    <span class="font-mono">{{ $v->placa ?? '0 km' }}</span>
                                    @if ($v->km) · {{ $inteiro($v->km) }} km @endif
                                    @if ((float) $v->valor_quitacao > 0) · <span class="text-amber-700">quitar {{ $moeda($v->valor_quitacao) }}</span> @endif
                                </span>
                            </td>
                            <td class="px-3 py-2.5 text-center tabular-nums">{{ $v->ano_modelo ?? '—' }}</td>
                            <td class="px-3 py-2.5 text-right tabular-nums {{ $tomDias((int) $v->dias) }}">{{ $inteiro($v->dias) }}</td>
                            <td class="px-3 py-2.5 text-right tabular-nums whitespace-nowrap text-debito">{{ $moeda($v->custo_total) }}</td>
                            <td class="px-3 py-2.5 text-right tabular-nums whitespace-nowrap">
                                {{ (float) $v->valor_venda > 0 ? $moeda($v->valor_venda) : '—' }}
                                @if ($v->venda_negociada)
                                    <span class="block text-[0.7rem] text-emerald-700">negociado por {{ $moeda($v->venda_negociada) }}</span>
                                @endif
                            </td>
                            <td class="px-3 py-2.5 text-right tabular-nums whitespace-nowrap">
                                @if ($v->preco_ok)
                                    <span @class(['font-medium', 'text-rose-700' => (float) $v->margem < 0, 'text-tinta' => (float) $v->margem >= 0])>{{ $moeda($v->margem) }}</span>
                                    <span class="block text-[0.7rem] text-suave">{{ number_format((float) $v->margem_percentual, 1, ',', '.') }}%</span>
                                @else
                                    <span class="rounded-sm bg-amber-50 px-1.5 py-0.5 text-[0.65rem] font-semibold uppercase tracking-[0.05em] text-amber-800 ring-1 ring-amber-200">preço a conferir</span>
                                @endif
                            </td>
                            <td class="px-3 py-2.5 text-right tabular-nums whitespace-nowrap text-suave">{{ $v->fipe_atual ? $moeda($v->fipe_atual) : '—' }}</td>
                            <td class="px-4 py-2.5">
                                @if ($v->filial)
                                    <x-filial :nome="$v->filial"/>
                                @else
                                    <span class="text-xs text-suave">{{ \App\Consultas\Estoque::FORA_DAS_LOJAS[$v->local] ?? ($v->localizacao ?? '—') }}</span>
                                @endif
                            </td>
                            <td class="px-3 py-2.5 text-right">
                                <button type="button" wire:click="$dispatch('simular-preco', { id: {{ $v->id }} })"
                                        aria-label="Simular preço de {{ $v->modelo }}" title="Simular preço"
                                        class="inline-flex items-center gap-1.5 rounded-md 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">
                                    <svg class="size-3.5" fill="none" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" aria-hidden="true"><rect x="5" y="3" width="14" height="18" rx="2"/><path stroke-linecap="round" d="M8.5 7h7M8.5 11h.01M12 11h.01M15.5 11h.01M8.5 14.5h.01M12 14.5h.01M15.5 14.5h.01M8.5 18h.01M12 18h.01M15.5 18h.01"/></svg>
                                    Simular
                                </button>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="9" class="px-4 py-8 text-center text-suave">Nenhum carro com esses filtros.</td></tr>
                    @endforelse
                </tbody>
            </table>
            @if ($veiculos->count() > $visiveis->count())
                @php $faltam = $veiculos->count() - $visiveis->count(); @endphp
                <div class="flex justify-center border-t border-fio px-4 py-3">
                    <button type="button" wire:click="carregarMais" wire:loading.attr="disabled"
                            class="rounded-md border border-fio bg-superficie px-4 py-1.5 text-sm font-medium text-marca-700 shadow-xs transition-colors hover:border-marca-200 hover:bg-marca-50 disabled:opacity-60">
                        Carregar mais {{ min(\App\Livewire\PainelEstoque::PASSO, $faltam) }} de {{ $inteiro($faltam) }} {{ $faltam === 1 ? 'restante' : 'restantes' }}
                    </button>
                </div>
            @endif
        </x-quadro>

        @if ($porFilial->isNotEmpty())
            <x-quadro titulo="Por filial" nota="carros da loja; os que não estão numa filial vêm depois" class="mt-6">
                <x-slot:acao>
                    <x-explicacao chave="estoque_por_filial"/>
                </x-slot:acao>
                <table class="min-w-full text-sm">
                    <thead class="{{ $cabecalho }}">
                        <tr>
                            <th scope="col" class="px-4 py-2.5 text-left font-semibold">Onde está</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Veículos</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Capital</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Margem potencial</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Dias, em média</th>
                            <th scope="col" class="px-4 py-2.5 text-right font-semibold">Acima de {{ Estoque::DIAS_ATENCAO }} dias</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-fio">
                        @foreach ($porFilial as $linha)
                            @php $minha = $minhaFilial !== null && (string) $linha->chave === $minhaFilial; @endphp
                            <tr wire:key="filial-{{ $linha->chave }}" @class([
                                'transition-colors',
                                'bg-marca-50 hover:bg-marca-100' => $minha,
                                'hover:bg-chao/50' => ! $minha,
                                'border-t-2 border-fio' => ! $linha->unidade_id && $loop->index > 0 && $porFilial[$loop->index - 1]->unidade_id,
                            ])>
                                <td class="relative px-4 py-2.5">
                                    @if ($minha)<span class="absolute inset-y-0 left-0 w-1 bg-marca-600" aria-hidden="true"></span>@endif
                                    <button type="button" wire:click="$set('filiais', ['{{ $linha->chave }}'])"
                                            x-on:click="document.getElementById('lista-veiculos')?.scrollIntoView({ behavior: 'smooth' })"
                                            class="inline-flex items-center gap-2 text-left hover:underline">
                                        @if ($linha->unidade_id)
                                            <x-filial :nome="$linha->unidade"/>
                                        @else
                                            <span class="text-tinta">{{ $linha->rotulo }}</span>
                                        @endif
                                    </button>
                                    @if ($minha)
                                        <span class="ml-1 rounded-sm bg-marca-600 px-1.5 py-px text-[0.6rem] leading-[0.875rem] font-semibold uppercase tracking-[0.05em] text-white">sua filial</span>
                                    @endif
                                </td>
                                <td class="px-3 py-2.5 text-right tabular-nums">
                                    {{ $inteiro($linha->quantidade) }}
                                    @if ((int) $linha->novos > 0)<span class="block text-[0.7rem] text-suave">{{ $inteiro($linha->novos) }} novos</span>@endif
                                </td>
                                <td class="px-3 py-2.5 text-right tabular-nums whitespace-nowrap">{{ $moeda($linha->capital) }}</td>
                                <td @class(['px-3 py-2.5 text-right tabular-nums whitespace-nowrap', 'text-rose-700' => (float) $linha->margem < 0])>{{ $linha->margem === null ? '—' : $moeda($linha->margem) }}</td>
                                <td class="px-3 py-2.5 text-right tabular-nums {{ $tomDias((int) $linha->dias_medios) }}">{{ $inteiro($linha->dias_medios) }}</td>
                                <td @class(['px-4 py-2.5 text-right tabular-nums', 'text-amber-700' => (int) $linha->acima_atencao > 0])>{{ $inteiro($linha->acima_atencao) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </x-quadro>
        @endif

        <div class="mt-6 grid gap-6 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]">
            {{-- Onde o dinheiro está parado, por tempo. --}}
            <x-quadro titulo="Tempo em pátio" nota="carros da loja e o capital de cada faixa">
                @php $maiorFaixa = max(1.0, (float) $faixas->max('capital')); @endphp
                <ul class="divide-y divide-fio">
                    @foreach ($faixas as $faixa)
                        <li class="grid grid-cols-[8.5rem_minmax(0,1fr)_auto] items-center gap-3 px-4 py-2.5 text-sm">
                            <span class="text-tinta">{{ $faixa->rotulo }}</span>
                            <span class="h-2 overflow-hidden rounded-sm bg-chao" aria-hidden="true">
                                <span @class([
                                    'block h-full rounded-sm',
                                    'bg-marca-600' => $faixa->faixa <= 3,
                                    'bg-amber-500' => $faixa->faixa === 4,
                                    'bg-rose-500' => $faixa->faixa === 5,
                                ]) style="width: {{ round($faixa->capital / $maiorFaixa * 100, 1) }}%"></span>
                            </span>
                            <span class="text-right tabular-nums whitespace-nowrap">
                                <span class="font-semibold text-tinta">{{ $inteiro($faixa->quantidade) }}</span>
                                <span class="text-suave">· {{ $milhoes($faixa->capital) }}</span>
                            </span>
                        </li>
                    @endforeach
                </ul>
            </x-quadro>

            <x-quadro titulo="Por carroceria" nota="carros da loja, do maior capital para o menor">
                <table class="min-w-full text-sm">
                    <thead class="{{ $cabecalho }}">
                        <tr>
                            <th scope="col" class="px-4 py-2.5 text-left font-semibold">Carroceria</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Veículos</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Capital</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Margem</th>
                            <th scope="col" class="px-4 py-2.5 text-right font-semibold">Dias</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-fio">
                        @foreach ($porCarroceria as $linha)
                            <tr class="transition-colors hover:bg-chao/50">
                                <td class="px-4 py-2 text-tinta">{{ Carroceria::rotuloDe($linha->chave) }}</td>
                                <td class="px-3 py-2 text-right tabular-nums">{{ $inteiro($linha->quantidade) }}</td>
                                <td class="px-3 py-2 text-right tabular-nums whitespace-nowrap">{{ $moeda($linha->capital) }}</td>
                                <td @class(['px-3 py-2 text-right tabular-nums whitespace-nowrap', 'text-rose-700' => (float) $linha->margem < 0])>{{ $linha->margem === null ? '—' : $moeda($linha->margem) }}</td>
                                <td class="px-4 py-2 text-right tabular-nums {{ $tomDias((int) $linha->dias_medios) }}">{{ $inteiro($linha->dias_medios) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                @if ($porCarroceria->contains('chave', 'sem'))
                    <p class="border-t border-fio bg-chao/40 px-4 py-2.5 text-xs text-suave">
                        Modelo sem classificação aparece em "Sem classificação".
                        @can('gerir-cadastros')
                            <a href="/cadastros/modelos" wire:navigate class="font-medium text-marca-600 hover:underline">Classificar agora →</a>
                        @endcan
                    </p>
                @endif
            </x-quadro>
        </div>

        @if ($consignados->isNotEmpty())
            <x-quadro titulo="Consignados" :nota="$inteiro($consignados->count()).' · fora do capital parado e da margem da loja'" class="mt-6">
                <x-slot:acao>
                    <x-explicacao chave="estoque_consignados"/>
                </x-slot:acao>
                <table class="min-w-full text-sm">
                    <thead class="{{ $cabecalho }}">
                        <tr>
                            <th scope="col" class="px-4 py-2.5 text-left font-semibold">Veículo</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Dias</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Valor do dono</th>
                            <th scope="col" class="px-3 py-2.5 text-right font-semibold">Preço de venda</th>
                            <th scope="col" class="px-4 py-2.5 text-right font-semibold">Parte da loja</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-fio">
                        @foreach ($consignados as $v)
                            <tr wire:key="consignado-{{ $v->id }}" class="transition-colors hover:bg-chao/50">
                                <td class="px-4 py-2.5">
                                    <span class="text-tinta">{{ $v->modelo }}</span>
                                    <span class="block text-[0.7rem] text-suave">{{ $v->marca }} · <span class="font-mono">{{ $v->placa ?? 'sem placa' }}</span>@if ($v->filial) · {{ mb_convert_case($v->filial, MB_CASE_TITLE) }}@endif</span>
                                </td>
                                <td class="px-3 py-2.5 text-right tabular-nums {{ $tomDias((int) $v->dias) }}">{{ $inteiro($v->dias) }}</td>
                                <td class="px-3 py-2.5 text-right tabular-nums whitespace-nowrap">{{ (float) $v->valor_compra > 0 ? $moeda($v->valor_compra) : '—' }}</td>
                                <td class="px-3 py-2.5 text-right tabular-nums whitespace-nowrap">{{ (float) $v->valor_venda > 0 ? $moeda($v->valor_venda) : '—' }}</td>
                                <td class="px-4 py-2.5 text-right tabular-nums whitespace-nowrap">
                                    @if ($v->margem !== null)
                                        <span class="font-medium text-tinta">{{ $moeda($v->margem) }}</span>
                                    @else
                                        <span class="text-xs text-suave">sem valor combinado com o dono</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </x-quadro>
        @endif

        <livewire:simulador-de-preco/>
    @endif
</x-pagina>