@props(['linha', 'base' => null, 'participacao' => true, 'idade' => true])

{{-- As métricas de um grupo de vendas (marca, modelo, versão, vendedor,
     faixa), nas colunas de <x-metricas-cabecalho>. Participação é sobre `base`
     veículos.
     Pátio acende em âmbar a partir de 90 dias e em vermelho a partir de 180. --}}
@php
    $moeda = fn ($v): string => $v === null ? '—' : number_format((float) $v, 2, ',', '.');
    $quantidade = (int) $linha->quantidade;
    $parte = (int) $base > 0 ? $quantidade / (int) $base * 100 : null;
    $lucroMedio = $linha->lucro_medio === null ? null : (float) $linha->lucro_medio;
    $margem = $linha->margem === null ? null : (float) $linha->margem;
    $dias = $linha->dias_patio_medio === null ? null : (float) $linha->dias_patio_medio;
@endphp

<td class="px-3 py-2.5 text-center font-semibold tabular-nums text-tinta">{{ number_format($quantidade, 0, ',', '.') }}</td>
@if ($participacao)
    <td class="px-3 py-2.5">
        @if ($parte !== null)
            <div class="flex items-center justify-center gap-2" title="{{ number_format($parte, 1, ',', '.') }}% dos veículos">
                <div class="h-1.5 w-14 overflow-hidden rounded-full bg-slate-100" aria-hidden="true">
                    <div class="h-full rounded-full bg-marca-600" style="width: {{ round(min(100, $parte), 1) }}%"></div>
                </div>
                <span class="w-11 text-right text-xs tabular-nums text-suave">{{ number_format($parte, 1, ',', '.') }}%</span>
            </div>
        @endif
    </td>
@endif
<td class="px-3 py-2.5 text-center tabular-nums whitespace-nowrap">{{ $quantidade > 0 ? $moeda($linha->faturamento) : '—' }}</td>
<td class="px-3 py-2.5 text-center tabular-nums whitespace-nowrap">{{ $moeda($linha->ticket_medio) }}</td>
<td @class(['px-3 py-2.5 text-center tabular-nums whitespace-nowrap', 'text-rose-700' => $lucroMedio !== null && $lucroMedio < 0])>{{ $moeda($lucroMedio) }}</td>
<td @class(['px-3 py-2.5 text-center tabular-nums', 'text-rose-700' => $margem !== null && $margem < 0])>{{ $margem === null ? '—' : number_format($margem, 1, ',', '.').'%' }}</td>
<td @class([
    'px-3 py-2.5 text-center tabular-nums',
    'text-amber-700' => $dias !== null && $dias >= 90 && $dias < 180,
    'font-medium text-rose-700' => $dias !== null && $dias >= 180,
])>{{ $dias === null ? '—' : number_format($dias, 0, ',', '.') }}</td>
@if ($idade)
    {{-- A idade média vem com o ano-modelo médio embaixo: "9,2 anos · modelo 2017". --}}
    <td class="px-3 py-2.5 text-center leading-tight tabular-nums text-suave whitespace-nowrap">
        @if ($linha->idade_media === null)
            —
        @else
            {{ number_format((float) $linha->idade_media, 1, ',', '.') }} anos
            @if ($linha->ano_modelo_medio ?? null)
                <span class="block text-[0.7rem] text-suave/75">modelo {{ (int) $linha->ano_modelo_medio }}</span>
            @endif
        @endif
    </td>
@endif