{{-- Integración Ternium · Facturas enviadas: tabla de po_facturacion_ws, la pinta ExPOController@integracion (carga
     inicial) y @integracion_data_facturas (Filtrar, AJAX). Kit ui-ctc (MigracionLayout.MD L3). Parámetro: $data.
     "Ver posiciones" llama verPosiciones(id), definida en la vista ternium_facturas. --}}
<div class="ctc-tabla-caja">
    <table class="ctc-tabla">
        <thead>
            <tr>
                <th class="text-right">No.</th>
                <th>Factura</th>
                <th>Doc. contable</th>
                <th>Fecha factura</th>
                <th class="text-right">Total FOB</th>
                <th class="text-right">Total fletes</th>
                <th class="text-right">Total documento</th>
                <th>Fecha transacción</th>
                <th>Acción</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($data as $d)
                <tr>
                    <td class="text-right tabular-nums">{{ $loop->iteration }}</td>
                    <td class="whitespace-nowrap font-semibold">{{ $d->numeroFactura }}</td>
                    <td class="whitespace-nowrap">{{ $d->documentoContable }}</td>
                    <td class="whitespace-nowrap">{{ $d->fechaFacturacion }}</td>
                    <td class="text-right tabular-nums">{{ number_format($d->totalFOB * 1, 2) }}</td>
                    <td class="text-right tabular-nums">{{ number_format($d->totalFlete * 1, 2) }}</td>
                    <td class="text-right tabular-nums">{{ number_format($d->totalDocumento * 1, 2) }}</td>
                    <td class="whitespace-nowrap">{{ $d->created_at }}</td>
                    <td>
                        <button type="button" onclick="verPosiciones({{ (int) $d->id }})" class="ctc-accion" aria-label="Ver posiciones" title="Ver posiciones">
                            <x-icono nombre="queue-list" class="h-[18px] w-[18px]" />
                        </button>
                    </td>
                </tr>
            @empty
                <tr data-sin-hover><td colspan="9" class="!p-0">
                    <div class="ctc-vacio py-12 text-center text-[14px] text-[var(--texto-suave)]">
                        <x-icono nombre="magnifying-glass" class="mx-auto h-7 w-7 text-[var(--texto-tenue)]" />
                        <p class="mt-2">No hay información para mostrar con estos filtros.</p>
                    </div>
                </td></tr>
            @endforelse
        </tbody>
    </table>
</div>