@php
    $details = $record->details ?? collect();
    $details = $details instanceof \Illuminate\Support\Collection ? $details : collect($details);

    $refs = $details
        ->map(fn ($detail) => trim((string) ($detail->product_reference ?? '')))
        ->filter()
        ->unique()
        ->values()
        ->all();

    $imagesByRef = $refs !== []
        ? \App\Models\Universal\ProductImage::query()
            ->whereIn('reference_product', $refs)
            ->orderBy('id_product_images')
            ->get(['reference_product', 'link_image', 'id_product_images'])
            ->unique('reference_product')
            ->pluck('link_image', 'reference_product')
            ->all()
        : [];

    $getWarehouseId = fn ($detail): int => (int) ($detail->warehouse_assigned ?? $detail->idSucursal ?? $detail->id_sucursal ?? 0);
    $getWarehouseRaw = fn ($detail) => $detail->warehouse_assigned ?? $detail->idSucursal ?? $detail->id_sucursal ?? null;

    $warehouseIds = $details
        ->map(fn ($detail) => $getWarehouseId($detail))
        ->filter(fn (int $id) => $id > 0)
        ->unique()
        ->values();

    $warehouseNamesById = $warehouseIds->isNotEmpty()
        ? \App\Models\Universal\UniversalSucursal::query()
            ->whereIn('id_sucursal', $warehouseIds)
            ->pluck('name_sucursal', 'id_sucursal')
            ->all()
        : [];
@endphp

<div class="space-y-3">
    <div class="text-sm text-gray-600">
        Referencia: <span class="font-medium">{{ $record->order_reference }}</span>
    </div>

    <div class="overflow-x-auto rounded-lg border border-gray-200 bg-white">
        <table class="min-w-full text-sm">
            <thead class="bg-gray-50">
                <tr class="text-left text-gray-600">
                    <th class="px-3 py-2 font-medium">Código</th>
                    <th class="px-3 py-2 font-medium">Imagen</th>
                    <th class="px-3 py-2 font-medium">Descripción</th>
                    <th class="px-3 py-2 font-medium">ID producto</th>
                    <th class="px-3 py-2 font-medium text-right">Cantidad</th>
                    <th class="px-3 py-2 font-medium text-right">Total pagado</th>
                    <th class="px-3 py-2 font-medium">Sucursal asignada</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200">
                @forelse ($details as $detail)
                    <tr class="align-top">
                        @php
                            $sku = trim((string) ($detail->product_reference ?? ''));
                            $imageUrl = $sku !== '' ? ($imagesByRef[$sku] ?? null) : null;
                        @endphp

                        <td class="px-3 py-2 whitespace-nowrap">{{ $detail->product_reference ?? '-' }}</td>
                        <td class="px-3 py-2 whitespace-nowrap">
                            @if (filled($imageUrl))
                                <img
                                    src="{{ $imageUrl }}"
                                    alt="{{ $detail->product_name ?? 'Producto' }}"
                                    class="h-12 w-12 rounded bg-white object-contain border border-gray-200"
                                >
                            @else
                                <span class="text-gray-400 text-xs">-</span>
                            @endif
                        </td>
                        <td class="px-3 py-2">{{ $detail->product_name ?? '-' }}</td>
                        <td class="px-3 py-2 whitespace-nowrap">{{ $detail->product_id ?? $detail->product_reference ?? '-' }}</td>
                        <td class="px-3 py-2 text-right whitespace-nowrap">{{ $detail->product_quantity ?? 0 }}</td>
                        <td class="px-3 py-2 text-right whitespace-nowrap">{{ \Illuminate\Support\Number::currency((float) ($detail->total_priceTI ?? 0), 'CRC') }}</td>
                        <td class="px-3 py-2 whitespace-nowrap">
                            @php
                                $warehouseId = $getWarehouseId($detail);
                                $warehouseRaw = $getWarehouseRaw($detail);
                            @endphp
                            {{ $warehouseNamesById[$warehouseId] ?? ($warehouseRaw ?? '-') }}
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td class="px-3 py-4 text-gray-600" colspan="7">Sin detalle de compra.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>