@props(['titulo', 'linhas', 'rotulo'])

<x-quadro :titulo="$titulo" {{ $attributes }}>
    @isset($acao)
        <x-slot:acao>{{ $acao }}</x-slot:acao>
    @endisset

    <table class="min-w-full text-sm">
        <thead>
            <tr class="border-b border-fio bg-chao/60 text-left text-[0.7rem] font-semibold uppercase tracking-[0.06em] text-suave">
                <th class="px-4 py-2.5">{{ ucfirst($rotulo) }}</th>
                <th class="px-4 py-2.5 text-right">Veículos</th>
                <th class="px-4 py-2.5 text-right">Faturamento</th>
                <th class="px-4 py-2.5 text-right">Lucro</th>
                <th class="px-4 py-2.5 text-right">Ticket médio</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-fio">
            @forelse ($linhas as $linha)
                <tr class="hover:bg-chao/50">
                    <td class="px-4 py-2.5 font-medium">{{ $linha->{$rotulo} }}</td>
                    <td class="px-4 py-2.5 text-right tabular-nums">{{ number_format((int) $linha->quantidade, 0, ',', '.') }}</td>
                    <td class="px-4 py-2.5 text-right tabular-nums">{{ number_format((float) $linha->faturamento, 2, ',', '.') }}</td>
                    <td @class(['px-4 py-2.5 text-right tabular-nums', 'text-rose-700' => (float) $linha->lucro < 0])>{{ number_format((float) $linha->lucro, 2, ',', '.') }}</td>
                    <td class="px-4 py-2.5 text-right tabular-nums">{{ number_format((float) $linha->ticket_medio, 2, ',', '.') }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="5" class="px-4 py-8 text-center text-suave">Nada no período.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</x-quadro>