@foreach($costs->values()->chunk(10) as $costsPage)
    <x-pdf.simulation.content-page :simulation="$simulation" :project="$project ?? null" title="{{ $title }}">
        <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>Fornitore</th>
                    <th>Identificativo fattura</th>
                    <th>Oggetto</th>
                    <th class="text-right">Imponibile fattura totale</th>
                    <th class="text-right">Costo allocato ai progetti</th>
                </tr>
                </thead>
                <tbody>
                @foreach($costsPage as $cost)
                    <tr>
                        <td>{{ $cost->invoice->manufacturer_name }}</td>
                        <td>{{ $cost->invoice->invoice_number ?? 'ND' }} del {{ $cost->invoice->invoice_date?->format('d/m/Y') ?? 'ND' }}</td>
                        <td>{{ $cost->invoice->description }}</td>
                        <td class="text-right">{{ \Illuminate\Support\Number::currency($cost->invoice->amount, 'EUR', 'it') }}</td>
                        <td class="text-right">{{ \Illuminate\Support\Number::currency(isset($project) ? $cost->allocatedCostValueForProject($project) : $cost->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 allocato ai progetti
                </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