@php
    use App\Support\Money;

    $hours = $getState()['hours'] ?? [];
    $totalHours = array_sum(array_column($hours, 'hours'));
    $totalCost = array_sum(array_column($hours, 'rh_cost'));
@endphp

<div class="overflow-x-auto rounded-xl border border-gray-200 bg-white dark:border-white/10 dark:bg-gray-900">
    <table class="w-full text-sm">
        <thead>
            <tr class="border-b border-gray-200 dark:border-white/10">
                <th class="px-3 py-2 text-left font-medium text-gray-500 dark:text-gray-400">Collaborateur</th>
                <th class="px-3 py-2 text-right font-medium text-gray-500 dark:text-gray-400">Heures approuvées</th>
                <th class="px-3 py-2 text-right font-medium text-gray-500 dark:text-gray-400">Coût RH alloué</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($hours as $row)
                <tr class="border-b border-gray-100 last:border-0 dark:border-white/5">
                    <td class="px-3 py-2 font-medium text-gray-900 dark:text-white">{{ $row['name'] }}</td>
                    <td class="px-3 py-2 text-right tabular-nums">{{ number_format($row['hours'], 2, ',', ' ') }} h</td>
                    <td class="px-3 py-2 text-right tabular-nums">{{ Money::format($row['rh_cost']) }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="3" class="px-3 py-6 text-center text-gray-400">Aucune heure approuvée sur ce marché.</td>
                </tr>
            @endforelse
        </tbody>
        @if (count($hours) > 0)
            <tfoot>
                <tr class="border-t-2 border-gray-200 font-semibold dark:border-white/10">
                    <td class="px-3 py-2 text-gray-900 dark:text-white">Total</td>
                    <td class="px-3 py-2 text-right tabular-nums">{{ number_format($totalHours, 2, ',', ' ') }} h</td>
                    <td class="px-3 py-2 text-right tabular-nums">{{ Money::format($totalCost) }}</td>
                </tr>
            </tfoot>
        @endif
    </table>
</div>