@foreach($employeeCosts->values()->chunk(14) as $employeeCostsPage)
    <x-pdf.simulation.content-page title="Costo personale - Anno {{ $year }}" :simulation="$simulation" :project="$project ?? null">
        <div class="rounded-xl border overflow-hidden border-border mb-4">
            <table class="w-full summary-table [&_td]:p-1.5 [&_th]:p-1.5">
                <thead>
                <tr>
                    <th>Dipendente</th>
                    <th>Ruolo</th>
                    <th class="text-right">Stima tempo progetto (%)</th>
                    <th class="text-right">Stima ore dedicate al progetto</th>
                    <th class="text-right">CLO</th>
                    <th class="text-right">Costo allocato ai progetti</th>
                </tr>
                </thead>
                <tbody>
                @foreach($employeeCostsPage as $employeeCost)
                    <tr>
                        <td>{{ $employeeCost->name }}</td>
                        <td>
                            @if($employeeCost->role)
                                <span class="inline-flex rounded-full px-2 py-0.5 font-medium" style="background-color: {{ $employeeCost->role->color() }}; color: #fff;">
                                    {{ $employeeCost->role->label() }}
                                </span>
                            @else
                                —
                            @endif
                        </td>
                        <td class="text-right">
                            {{ \Illuminate\Support\Number::percentage($employeeCost->project_percent * 100) }}
                        </td>
                        <td class="text-right">
                            {{ \Illuminate\Support\Number::format($employeeCost->project_hours, 2, null, 'it') }}
                        </td>
                        <td class="text-right">
                            {{ \Illuminate\Support\Number::currency($employeeCost->clo, 'EUR', 'it') }}
                        </td>
                        <td class="text-right text-black font-medium">
                            {{ \Illuminate\Support\Number::currency(isset($project) ? $employeeCost->allocatedCostValueForProject($project) : $employeeCost->allocatedCostValue(), 'EUR', 'it') }}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        @if($loop->last)
            <div class="flex gap-2">
                <div class="p-3 rounded-xl bg-white text-secondary font-bold flex-1 uppercase flex items-center gap-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator-icon lucide-calculator"><rect width="16" height="20" x="4" y="2" rx="2"/><line x1="8" x2="16" y1="6" y2="6"/><line x1="16" x2="16" y1="14" y2="18"/><path d="M16 10h.01"/><path d="M12 10h.01"/><path d="M8 10h.01"/><path d="M12 14h.01"/><path d="M8 14h.01"/><path d="M12 18h.01"/><path d="M8 18h.01"/></svg>
                    Totale costo personale dipendente allocato
                </div>
                <div class="py-3 px-6 rounded-xl bg-secondary text-white font-black text-xl">
                    {{ \Illuminate\Support\Number::currency($allocatedTotal, 'EUR', 'it') }}
                </div>
            </div>
        @endif
    </x-pdf.simulation.content-page>
@endforeach