@php
    use App\Visual\Cores;

    $margem = fn (?object $l) => $l !== null && (float) $l->ticket_medio > 0 ? (float) $l->lucro_medio / (float) $l->ticket_medio * 100 : null;
    $porLoja = $lojas->keyBy('unidade');
    $colunas = $lojas->pluck('unidade')->when($lojas->count() > 1, fn ($c) => $c->push('Total das lojas'));
    $linhaDe = fn (string $coluna) => $coluna === 'Total das lojas' ? $totais : $porLoja->get($coluna);
    $anteriorDe = fn (string $coluna) => $coluna === 'Total das lojas' ? $comparativo['anterior']['totais'] : $comparativo['anterior']['lojas']->get($coluna);

    // [rótulo, campo, formato, alta é boa]
    $linhasTabela = [
        ['Unidades vendidas', 'quantidade', 'inteiro', true, 'vendas_unidades'],
        ['Valor de venda', 'faturamento', 'moeda', true, 'faturamento'],
        ['Ticket médio', 'ticket_medio', 'moeda', true, 'ticket_medio'],
        ['Lucro nos veículos', 'lucro', 'moeda', true, 'lucro_veiculos'],
        ['Lucro médio', 'lucro_medio', 'moeda', true, 'lucro_medio'],
        ['Dias em pátio', 'dias_patio_medio', 'decimal', false, 'dias_patio'],
    ];
    $formatar = fn ($v, string $f) => number_format((float) $v, match ($f) { 'inteiro' => 0, 'decimal' => 1, default => 2 }, ',', '.');
    $alturaBarras = fn (array $g) => max(10, count($g['rotulos']) * 1.8 + 3).'rem';
@endphp

@php
    // A equipe do gerente é pela filial do cadastro; a venda de cada um conta
    // em qualquer loja, como na tela do próprio vendedor.
    $daEquipe = $filialNome !== null;
    $quem = match (true) {
        $proprio => 'Veículos que você vendeu em ',
        $daEquipe => 'Veículos vendidos pela equipe de '.mb_convert_case($filialNome, MB_CASE_TITLE).' em ',
        default => 'Veículos vendidos em ',
    };
@endphp

<x-pagina :titulo="$proprio ? 'Minhas vendas' : ($daEquipe ? 'Vendas da equipe' : 'Vendas')" grupo="Painel"
          :descricao="$quem.$rotulos['atual'].($proprio || $daEquipe ? ', em qualquer loja' : '').'. Variações sobre '.$rotulos['anterior'].' e '.$rotulos['anoPassado'].'.'">
    <x-slot:filtros>
        <x-seletor-mes :valor="$mes"/>
    </x-slot:filtros>

    @if ($semVendedor)
        <p class="mb-6 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900">
            @if (auth()->user()?->perfil === \App\Perfil::Gerente)
                Seu acesso de gerente ainda não está ligado a uma filial, então não há equipe para mostrar.
                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, então não há produção para mostrar.
                Peça ao administrador para ligar seu usuário ao seu cadastro de vendedor.
            @endif
        </p>
    @endif

    @if ((int) $totais->quantidade === 0)
        @unless ($semVendedor)
            <p class="rounded-lg border border-dashed border-fio bg-superficie p-10 text-center text-sm text-suave">
                Nenhum veículo vendido em {{ $rotulos['atual'] }}.
            </p>
        @endunless
    @else
        <dl class="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
            <x-cartao-comparado rotulo="Unidades vendidas" :valor="$totais->quantidade" formato="inteiro" explicacao="vendas_unidades"
                                :anterior="$comparativo['anterior']['totais']->quantidade" :ano-passado="$comparativo['anoPassado']['totais']->quantidade" :rotulos="$rotulos">
                @php
                    $primeira = (int) $totais->primeira_quinzena;
                    $segunda = (int) $totais->quantidade - $primeira;
                @endphp
                <dd class="mt-auto pt-3">
                    <div class="flex h-2 gap-0.5 overflow-hidden rounded-sm" aria-hidden="true">
                        <div class="bg-marca-600" style="width: {{ round($primeira / (int) $totais->quantidade * 100, 1) }}%"></div>
                        <div class="flex-1 bg-amarelo"></div>
                    </div>
                    <div class="mt-1.5 flex flex-wrap items-center justify-between gap-x-3 gap-y-1 text-xs tabular-nums text-suave">
                        <span class="inline-flex items-center gap-1.5">
                            <span class="size-2 rounded-sm bg-marca-600" aria-hidden="true"></span>
                            <span class="font-semibold text-tinta">{{ $primeira }}</span> na 1ª quinzena
                        </span>
                        <span class="inline-flex items-center gap-1.5">
                            <span class="size-2 rounded-sm bg-amarelo" aria-hidden="true"></span>
                            <span class="font-semibold text-tinta">{{ $segunda }}</span> na 2ª
                        </span>
                    </div>
                </dd>
            </x-cartao-comparado>
            <x-cartao-comparado rotulo="Valor de venda" :valor="$totais->faturamento" explicacao="faturamento"
                                :anterior="$comparativo['anterior']['totais']->faturamento" :ano-passado="$comparativo['anoPassado']['totais']->faturamento" :rotulos="$rotulos"/>
            <x-cartao-comparado rotulo="Lucro nos veículos" :valor="$totais->lucro" explicacao="lucro_veiculos"
                                :anterior="$comparativo['anterior']['totais']->lucro" :ano-passado="$comparativo['anoPassado']['totais']->lucro" :rotulos="$rotulos"/>
            <x-cartao-comparado rotulo="Lucro médio por veículo" :valor="$totais->lucro_medio" explicacao="lucro_medio"
                                :anterior="$comparativo['anterior']['totais']->lucro_medio" :ano-passado="$comparativo['anoPassado']['totais']->lucro_medio" :rotulos="$rotulos">
                @if ($margem($totais) !== null)
                    <dd class="mt-auto pt-3 text-xs text-suave">margem média de <span class="font-semibold text-tinta">{{ number_format($margem($totais), 1, ',', '.') }}%</span> sobre o ticket</dd>
                @endif
            </x-cartao-comparado>
        </dl>

        <x-quadro titulo="Comparativo das lojas" :nota="'Variação sobre '.$rotulos['anterior']" class="mt-6">
            {{-- O atalho segue a permissão da tela de destino, e não o perfil:
                 assim um perfil novo nunca herda um link que dá 403. --}}
            @can('ver-financeiro')
                <x-slot:acao>
                    <x-atalho href="/mensal?mes={{ $mes }}">Resultado por loja</x-atalho>
                </x-slot:acao>
            @endcan
            <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">Indicador</th>
                        @foreach ($colunas as $coluna)
                            <th class="px-4 py-2.5 text-right">
                                <span class="inline-flex items-center gap-1.5">
                                    <span class="size-2 rounded-full" style="background: {{ Cores::de($coluna === 'Total das lojas' ? 'TOTAL LOJAS' : $coluna) }}" aria-hidden="true"></span>
                                    {{ $coluna }}
                                </span>
                            </th>
                        @endforeach
                    </tr>
                </thead>
                <tbody class="divide-y divide-fio">
                    @foreach ($linhasTabela as [$rotulo, $campo, $formato, $altaEBoa, $explicacao])
                        <tr class="transition-colors hover:bg-chao/50">
                            <th scope="row" class="px-4 py-2.5 text-left font-medium">
                                <span class="inline-flex items-center gap-1.5">{{ $rotulo }} <x-explicacao :chave="$explicacao"/></span>
                            </th>
                            @foreach ($colunas as $coluna)
                                @php
                                    $linha = $linhaDe($coluna);
                                    $anterior = $anteriorDe($coluna);
                                @endphp
                                <td @class(['px-4 py-2.5 text-right align-top', 'border-l border-fio bg-chao/30' => $coluna === 'Total das lojas'])>
                                    <span @class(['block tabular-nums', 'text-rose-700' => $campo === 'lucro' && (float) $linha->{$campo} < 0])>{{ $formatar($linha->{$campo} ?? 0, $formato) }}</span>
                                    <x-variacao :atual="$linha->{$campo} ?? 0" :anterior="$anterior?->{$campo}" :rotulo="$rotulos['anterior']"
                                                :alta-e-boa="$altaEBoa" compacto class="justify-end text-xs"/>
                                </td>
                            @endforeach
                        </tr>

                        @if ($campo === 'quantidade')
                            {{-- Logo abaixo das unidades, que ela detalha: a legenda
                                 das cores fica no rótulo, e não em cada loja. --}}
                            <tr class="transition-colors hover:bg-chao/50">
                                <th scope="row" class="px-4 py-2.5 text-left align-top font-medium">
                                    <span class="inline-flex items-center gap-1.5">Divisão do mês <x-explicacao chave="quinzenas"/></span>
                                    <span class="mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs font-normal text-suave">
                                        <span class="inline-flex items-center gap-1.5">
                                            <span class="size-2 rounded-sm bg-marca-600" aria-hidden="true"></span>1ª quinzena
                                        </span>
                                        <span class="inline-flex items-center gap-1.5">
                                            <span class="size-2 rounded-sm bg-amarelo" aria-hidden="true"></span>2ª
                                        </span>
                                    </span>
                                </th>
                                @foreach ($colunas as $coluna)
                                    @php
                                        $linha = $linhaDe($coluna);
                                        $vendidas = (int) ($linha->quantidade ?? 0);
                                        $naPrimeira = (int) ($linha->primeira_quinzena ?? 0);
                                        $naSegunda = $vendidas - $naPrimeira;
                                    @endphp
                                    <td @class(['px-4 py-2.5 text-right align-top', 'border-l border-fio bg-chao/30' => $coluna === 'Total das lojas'])>
                                        @if ($vendidas === 0)
                                            <span class="text-suave/50">—</span>
                                        @else
                                            <span class="ml-auto flex h-2 w-24 gap-0.5 overflow-hidden rounded-sm" aria-hidden="true">
                                                <span class="bg-marca-600" style="width: {{ round($naPrimeira / $vendidas * 100, 1) }}%"></span>
                                                <span class="flex-1 bg-amarelo"></span>
                                            </span>
                                            <span class="mt-1.5 flex items-center justify-end gap-2 text-xs tabular-nums">
                                                <span class="font-semibold text-tinta">{{ $naPrimeira }}<span class="sr-only"> na 1ª quinzena</span></span>
                                                <span class="text-suave" aria-hidden="true">·</span>
                                                <span class="font-semibold text-tinta">{{ $naSegunda }}<span class="sr-only"> na 2ª quinzena</span></span>
                                            </span>
                                        @endif
                                    </td>
                                @endforeach
                            </tr>
                        @endif
                    @endforeach
                    <tr class="transition-colors hover:bg-chao/50">
                        <th scope="row" class="px-4 py-2.5 text-left font-medium">
                            <span class="inline-flex items-center gap-1.5">Margem média <x-explicacao chave="margem"/></span>
                        </th>
                        @foreach ($colunas as $coluna)
                            <td @class(['px-4 py-2.5 text-right tabular-nums', 'border-l border-fio bg-chao/30' => $coluna === 'Total das lojas'])>
                                {{ $margem($linhaDe($coluna)) === null ? '—' : number_format($margem($linhaDe($coluna)), 1, ',', '.').'%' }}
                            </td>
                        @endforeach
                    </tr>
                </tbody>
            </table>
        </x-quadro>

        <div class="mt-6 grid gap-6 lg:grid-cols-2">
            <x-quadro titulo="Por loja" nota="veículos vendidos">
                <div class="p-4"><x-grafico :config="$graficos['lojas'] + ['coresPorRotulo' => true]" altura="15rem"/></div>
            </x-quadro>
            <x-quadro titulo="Financiamento" nota="uma venda com dois financiamentos conta uma vez">
                <div class="p-4"><x-grafico :config="$graficos['financiamento']" altura="15rem"/></div>
            </x-quadro>

            <x-quadro titulo="Por marca" nota="veículos vendidos">
                @can('ver-financeiro')
                    <x-slot:acao>
                        <x-atalho href="/marcas-e-modelos?de={{ $mes }}&ate={{ $mes }}">Marcas e modelos</x-atalho>
                    </x-slot:acao>
                @endcan
                <div class="p-4"><x-grafico :config="$graficos['marcas']" :altura="$alturaBarras($graficos['marcas'])"/></div>
            </x-quadro>

            @if ($vendedores->isNotEmpty())
                <x-quadro titulo="Por vendedor" nota="veículos vendidos">
                    <div class="p-4"><x-grafico :config="$graficos['vendedores']" :altura="$alturaBarras($graficos['vendedores'])"/></div>
                </x-quadro>
            @endif

            @if ($graficos['financeiras']['rotulos'] !== [])
                <x-quadro titulo="Por financeira" nota="venda financiada em duas financeiras conta nas duas">
                    <div class="p-4"><x-grafico :config="$graficos['financeiras']" :altura="$alturaBarras($graficos['financeiras'])"/></div>
                </x-quadro>
            @endif
        </div>

        @if ($vendedores->isNotEmpty())
            <x-tabela titulo="Por vendedor" :linhas="$vendedores" rotulo="vendedor" class="mt-6">
                <x-slot:acao>
                    <x-atalho href="/vendedores?mes={{ $mes }}">Meta por vendedor</x-atalho>
                </x-slot:acao>
            </x-tabela>
        @endif
    @endif
</x-pagina>