@foreach($externalPersonnelCosts->values()->chunk(15) as $externalPersonnelCostsPage)
    <x-pdf.simulation.content-page :simulation="$simulation" :project="$project ?? null" title="Costo personale non dipendente - Anno {{ $year }}">
        <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>Nominativo</th>
                        <th class="text-right">Stima tempo dedicato al progetto</th>
                        <th class="text-right">Compenso fisso</th>
                        <th class="text-right">Costo allocato ai progetti</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($externalPersonnelCostsPage as $externalPersonnelCost)
                        <tr>
                            <td>{{ $externalPersonnelCost->name }}</td>
                            <td class="text-right">
                                {{ \Illuminate\Support\Number::percentage($externalPersonnelCost->project_percent * 100, 2, null, 'it') }}
                            </td>
                            <td class="text-right">
                                {{ \Illuminate\Support\Number::currency($externalPersonnelCost->fee, 'EUR', 'it') }}
                            </td>
                            <td class="text-right text-black font-medium">
                                {{ \Illuminate\Support\Number::currency(isset($project) ? $externalPersonnelCost->allocatedCostValueForProject($project) : $externalPersonnelCost->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 non 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