@php
    use App\Visual\Cores;

    // [rótulo, campo, alta é boa, formato, soma (a média de 3 meses divide por 3)]
    $cartoesVenda = [
        ['Unidades vendidas', 'quantidade', true, 'inteiro', true, 'vendas_unidades'],
        ['Valor de venda', 'faturamento', true, 'moeda', true, 'faturamento'],
        ['Lucro nos veículos', 'lucro', true, 'moeda', true, 'lucro_veiculos'],
        ['Ticket médio', 'ticket_medio', true, 'moeda', false, 'ticket_medio'],
        ['Lucro médio', 'lucro_medio', true, 'moeda', false, 'lucro_medio'],
        ['Dias em pátio', 'dias_patio_medio', false, 'decimal', false, 'dias_patio'],
    ];
    $mediaVenda = fn (string $campo, bool $soma) => (int) $vendas['tresMeses']->quantidade === 0
        ? null
        : ($soma ? (float) $vendas['tresMeses']->{$campo} / 3 : (float) $vendas['tresMeses']->{$campo});
    $atual = $vendas['atual'];
    $comVendas = fn (object $v, string $campo) => (int) $v->quantidade > 0 ? $v->{$campo} : null;
@endphp

<x-pagina titulo="Visão geral" :grupo="$proprio ? 'Minha produção' : 'Painel'"
          :descricao="$rotulos['atual'].' comparado a '.$rotulos['anterior'].', a '.$rotulos['anoPassado'].' e à média de '.$rotulos['tresMeses'].'.'">
    <x-slot:filtros>
        <x-seletor-mes :valor="$mes"/>
    </x-slot:filtros>

    @if ($resultado && ($totalLojas = $resultado['atual']->get('TOTAL LOJAS')))
        @php
            $mediaTotal = fn (string $campo) => ($t = $resultado['tresMeses']->get('TOTAL LOJAS')) ? (float) $t->{$campo} / 3 : null;
        @endphp

        <section class="grid items-start gap-3 lg:grid-cols-[minmax(0,1.3fr)_minmax(0,2fr)]" aria-label="Resultado do mês">
            <x-cartao-comparado
                rotulo="Resultado das lojas"
                explicacao="resultado"
                :valor="$totalLojas->resultado"
                :anterior="$resultado['anterior']->get('TOTAL LOJAS')?->resultado"
                :ano-passado="$resultado['anoPassado']->get('TOTAL LOJAS')?->resultado"
                :media="$mediaTotal('resultado')"
                :rotulos="$rotulos"
                resultado
                tamanho="grande">
                <dd class="-mx-1 mt-3">
                    <x-grafico :config="$resultado['grafico']" altura="4.5rem"/>
                </dd>
                <dd class="mt-2 flex items-center justify-between gap-3 text-xs text-suave">
                    <span>últimos 13 meses</span>
                    <x-atalho href="/mensal?mes={{ $mes }}">Resultado por loja</x-atalho>
                </dd>
            </x-cartao-comparado>

            <dl class="grid items-start gap-3 sm:grid-cols-3">
                @foreach ([
                    ['Lucro nos veículos', 'lucro_veiculos', true, 'lucro_veiculos'],
                    ['Outras receitas', 'outras_receitas', true, 'outras_receitas'],
                    ['Despesas totais', 'custo_total', false, 'despesas_totais'],
                ] as [$rotulo, $campo, $altaEBoa, $explicacao])
                    <x-cartao-comparado
                        :rotulo="$rotulo"
                        :valor="$totalLojas->{$campo}"
                        :anterior="$resultado['anterior']->get('TOTAL LOJAS')?->{$campo}"
                        :ano-passado="$resultado['anoPassado']->get('TOTAL LOJAS')?->{$campo}"
                        :media="$mediaTotal($campo)"
                        :rotulos="$rotulos"
                        :alta-e-boa="$altaEBoa"
                        :despesa="$campo === 'custo_total'"
                        :explicacao="$explicacao"/>
                @endforeach
            </dl>
        </section>
    @endif

    <section @class(['mt-8' => $resultado !== null])>
        <div class="flex flex-wrap items-baseline justify-between gap-2">
            <h2 class="text-base font-semibold tracking-tight">
                {{ $proprio ? 'Minhas vendas' : ($filialNome ? 'Vendas da equipe de '.mb_convert_case($filialNome, MB_CASE_TITLE) : 'Vendas') }}
            </h2>
            <x-atalho href="/vendas?mes={{ $mes }}">{{ $proprio ? 'Minhas vendas por marca e loja' : 'Vendas por loja e vendedor' }}</x-atalho>
        </div>
        <dl class="mt-3 grid gap-3 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-6">
            @foreach ($cartoesVenda as [$rotulo, $campo, $altaEBoa, $formato, $soma, $explicacao])
                <x-cartao-comparado
                    :rotulo="$rotulo"
                    :valor="$atual->{$campo} ?? 0"
                    :anterior="$comVendas($vendas['anterior'], $campo)"
                    :ano-passado="$comVendas($vendas['anoPassado'], $campo)"
                    :media="$mediaVenda($campo, $soma)"
                    :rotulos="$rotulos"
                    :alta-e-boa="$altaEBoa"
                    :formato="$formato"
                    :explicacao="$explicacao">
                    @if ($campo === 'quantidade' && (int) $atual->quantidade > 0)
                        @php
                            $primeira = (int) $atual->primeira_quinzena;
                            $segunda = (int) $atual->quantidade - $primeira;
                            $parte = $primeira / (int) $atual->quantidade * 100;
                        @endphp
                        {{-- Duas cores, e não uma barra que enche: não é progresso,
                             é a divisão do mês entre as duas quinzenas. --}}
                        <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($parte, 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>
                    @endif
                </x-cartao-comparado>
            @endforeach
        </dl>
    </section>

    @if ($metas && ((int) $metas['unidades'][1] > 0 || (float) $metas['valor'][1] > 0))
        @php
            $cumprimento = fn (float $feito, float $alvo): ?float => $alvo > 0 ? $feito / $alvo * 100 : null;
            $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

        <section class="mt-8">
            <div class="flex flex-wrap items-baseline justify-between gap-2">
                <h2 class="text-base font-semibold tracking-tight">
                    {{ $metas['proprio'] ? 'Minha meta' : ($filialNome ? 'Meta da equipe de '.mb_convert_case($filialNome, MB_CASE_TITLE) : 'Meta da equipe') }}
                </h2>
                <x-atalho href="/vendedores?mes={{ $mes }}">
                    {{ $metas['proprio'] ? 'Minha meta no bimestre, semestre e ano' : 'Meta por vendedor' }}
                </x-atalho>
            </div>
            <dl @class(['mt-3 grid gap-3 sm:grid-cols-2', 'lg:grid-cols-3' => ! $metas['proprio']])>
                @foreach ([
                    ['Unidades', $metas['unidades'][0], $metas['unidades'][1], fn ($v) => number_format((float) $v, 0, ',', '.').' veículos', 'meta_unidades'],
                    ['Valor', $metas['valor'][0], $metas['valor'][1], fn ($v) => 'R$ '.number_format((float) $v, 2, ',', '.'), 'meta_valor'],
                ] as [$rotulo, $feito, $alvo, $formato, $explicacao])
                    @php $p = $cumprimento((float) $feito, (float) $alvo); @endphp
                    <div class="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 flex items-baseline justify-between gap-3">
                            <span class="font-display text-2xl font-semibold tracking-tight tabular-nums {{ $tom($p) }}">
                                {{ $p === null ? '—' : number_format($p, 1, ',', '.').'%' }}
                            </span>
                            <span class="text-xs tabular-nums text-suave">{{ $formato($feito) }} de {{ $formato($alvo) }}</span>
                        </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
                    </div>
                @endforeach

                @unless ($metas['proprio'])
                    <div class="rounded-lg border border-fio bg-superficie p-4">
                        <dt class="text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-suave">Bateram a meta de valor</dt>
                        <dd class="mt-1.5 flex items-baseline justify-between gap-3">
                            <span class="font-display text-2xl font-semibold tracking-tight tabular-nums text-tinta">
                                {{ $metas['bateram'] }} <span class="text-base font-medium text-suave">de {{ $metas['comMeta'] }}</span>
                            </span>
                            <span class="text-xs text-suave">{{ $metas['comMeta'] === 1 ? 'vendedor com meta' : 'vendedores com meta' }}</span>
                        </dd>
                        @if ($metas['comMeta'] > 0)
                            {{-- Um traço por vendedor: dá para contar quem bateu. --}}
                            <dd class="mt-3 flex gap-0.5" aria-hidden="true">
                                @for ($i = 0; $i < $metas['comMeta']; $i++)
                                    <span @class(['h-1.5 flex-1 rounded-full', 'bg-emerald-600' => $i < $metas['bateram'], 'bg-slate-200' => $i >= $metas['bateram']])></span>
                                @endfor
                            </dd>
                        @endif
                    </div>
                @endunless
            </dl>
        </section>
    @endif

    @if ($resultado && $resultado['atual']->isNotEmpty())
        @php
            $destinos = $resultado['atual']->filter(fn ($l) => $l->tipo !== 'total')->keys();
            $mediaDe = fn (string $destino) => ($t = $resultado['tresMeses']->get($destino)) ? (float) $t->custo_direto / 3 : null;
        @endphp

        <section class="mt-8">
            <div class="flex flex-wrap items-baseline justify-between gap-2">
                <h2 class="text-base font-semibold tracking-tight">Despesas</h2>
                <div class="flex flex-wrap items-center gap-3">
                    <p class="text-xs text-suave">pelas regras de custo · a geral antes do rateio</p>
                    <x-atalho href="/despesas?mes={{ $mes }}">Despesas por centro de custo</x-atalho>
                </div>
            </div>
            <dl class="mt-3 grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
                @foreach ($destinos as $destino)
                    <x-cartao-comparado
                        :rotulo="$destino"
                        :valor="$resultado['atual']->get($destino)->custo_direto"
                        :anterior="$resultado['anterior']->get($destino)?->custo_direto"
                        :ano-passado="$resultado['anoPassado']->get($destino)?->custo_direto"
                        :media="$mediaDe($destino)"
                        :rotulos="$rotulos"
                        :alta-e-boa="false"
                        :cor="Cores::de($destino)"
                        despesa
                        explicacao="despesa_da_loja"/>
                @endforeach
            </dl>
        </section>
    @endif
</x-pagina>