@php
    $bill = $record->bill;
    $transactions = $bill?->bodies ?? collect();
    $client = $record->client;
    $clientInvoices = \App\Models\InvoicesHeaderModel::with('bill')->where('client_id', $client->id_client)->get();
    $total = $clientInvoices->sum('total_rd');
    $pagado = $clientInvoices->sum(fn($invoice) => $invoice->bill?->paid_rd ?? 0);
    $deuda = $total - $pagado;
@endphp

<div class="w-full block space-y-4">
    {{-- Tabla de Factura --}}
    <div class="w-full">
        <table class="w-full text-sm border border-gray-300 rounded overflow-hidden">
            <thead class="bg-gray-100 text-gray-700">
                <tr>
                    <th class="px-3 py-2 border-b">Factura</th>
                    <th class="px-3 py-2 border-b">Total RD$</th>
                    <th class="px-3 py-2 border-b">Total USD$</th>
                    <th class="px-3 py-2 border-b">Pagado RD$</th>
                    <th class="px-3 py-2 border-b">Pagado USD$</th>
                    <th class="px-3 py-2 border-b">Pendiente de pago RD$</th>
                    <th class="px-3 py-2 border-b">Pendiente de pago USD$</th>
                </tr>
            </thead>
            <tbody>
                <tr class="border-b">
                    <td class="px-3 py-2 font-semibold">{{ $record->invoice_number }}</td>
                    <td class="px-3 py-2">{{ number_format($record->total_rd, 2) }}</td>
                    <td class="px-3 py-2">{{ number_format($record->total_usd, 2) }}</td>
                    <td class="px-3 py-2">{{ number_format($bill?->paid_rd ?? 0, 2) }}</td>
                    <td class="px-3 py-2">{{ number_format($bill?->paid_usd ?? 0, 2) }}</td>
                    <td class="px-3 py-2">{{ number_format($bill?->bill_rd ?? 0, 2) }}</td>
                    <td class="px-3 py-2">{{ number_format($bill?->bill_usd ?? 0, 2) }}</td>
                </tr>
            </tbody>
        </table>
    </div>

    {{-- Tabla de Transacciones --}}
    <div class="w-full">
        @if ($transactions->isEmpty())
            <p class="text-gray-400 italic">— Sin transacciones —</p>
        @else
            <table class="w-full text-sm border border-gray-300 rounded overflow-hidden">
                <thead class="bg-blue-100 text-gray-700">
                    <tr>
                        <th class="px-3 py-2 border-b">Pago RD$</th>
                        <th class="px-3 py-2 border-b">Pago USD$</th>
                        <th class="px-3 py-2 border-b">Tasa</th>
                        <th class="px-3 py-2 border-b">Meotodo de pago</th>
                        <th class="px-3 py-2 border-b">Fecha de pago</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($transactions as $transaction)
                        <tr class="border-b hover:bg-gray-50">
                            <td class="px-3 py-2">{{ number_format($transaction->paid_rd, 2) }}</td>
                            <td class="px-3 py-2">{{ number_format($transaction->paid_usd, 2) }}</td>
                            <td class="px-3 py-2">{{ $transaction->change_rate }}</td>
                            @switch($transaction->status)
                                @case('paid_cash')
                                    <td class="px-3 py-2">Efectivo</td>
                                @break

                                @case('paid_transfer')
                                    <td class="px-3 py-2">Transferencia</td>
                                @break

                                @default
                                    <td class="px-3 py-2"> </td>
                            @endswitch
                            <td class="px-3 py-2">
                                {{ \Carbon\Carbon::parse($transaction->created_at)->format('d-m-Y h:i') }}</td>

                        </tr>
                    @endforeach
                </tbody>
            </table>
        @endif
    </div>
</div>