{{-- As últimas corridas: o pulso da operação, com estado em chip. --}}
@php $recentes = $this->corridasRecentes; @endphp
@if (count($recentes))
    <div class="bg-white border rounded-lg overflow-hidden">
        <div class="flex items-center justify-between px-4 py-2 border-b">
            <p class="text-sm font-bold text-gray-700">{{ __('Últimas corridas') }}</p>
            <a href="{{ route('orders.taxi') }}" class="text-xs font-semibold" style="color:#15803d">{{ __('Ver todas →') }}</a>
        </div>
        <div class="align-middle min-w-full overflow-x-auto" style="border:0;border-radius:0;box-shadow:none">
            <table class="min-w-full divide-y divide-gray-200">
                <thead>
                    <tr>
                        <th class="px-3 py-2" style="text-align:left">{{ __('Quando') }}</th>
                        <th class="px-3 py-2" style="text-align:left">{{ __('Corrida') }}</th>
                        <th class="px-3 py-2" style="text-align:left">{{ __('Passageiro') }}</th>
                        <th class="px-3 py-2" style="text-align:left">{{ __('Motorista') }}</th>
                        <th class="px-3 py-2" style="text-align:right">{{ __('Valor') }}</th>
                        <th class="px-3 py-2" style="text-align:left">{{ __('Estado') }}</th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-gray-200">
                    @foreach ($recentes as $r)
                        <tr>
                            <td style="white-space:nowrap">{{ $r['quando'] }}</td>
                            <td>
                                <a href="{{ route('orders.details', ['code' => $r['code']]) }}" target="_blank"
                                    class="font-semibold" style="color:#15803d">#{{ $r['code'] }}</a>
                            </td>
                            <td>{{ $r['passageiro'] }}</td>
                            <td>{{ $r['motorista'] }}</td>
                            <td style="text-align:right;font-variant-numeric:tabular-nums">{{ $r['total'] }}</td>
                            <td><x-km.chip tipo="{{ $r['tipo'] }}">{{ $r['status'] }}</x-km.chip></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endif