@php
    $logs = $record->statusLogs ?? collect();
    $refs = $logs
        ->map(fn ($log) => trim((string) ($log->orderDetail?->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()
        : [];
@endphp

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

    @include('filament.orders.partials.order-progress', ['record' => $record])

    @include('filament.orders.partials.order-steps', ['record' => $record])

    <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 whitespace-nowrap">Fecha</th>
                    <th class="px-3 py-2 font-medium">Usuario</th>
                    <th class="px-3 py-2 font-medium">Estado</th>
                    <th class="px-3 py-2 font-medium">Detalle</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200">
                @forelse ($logs as $log)
                    <tr class="align-top">
                        <td class="px-3 py-2 whitespace-nowrap">{{ optional($log->happened_at)->format('d/m/Y H:i') ?? '-' }}</td>
                        <td class="px-3 py-2 whitespace-nowrap">{{ $log->user_name ?? $log->user?->name ?? 'Sistema' }}</td>
                        <td class="px-3 py-2 whitespace-nowrap">
                            @php
                                $rawStatus = (string) $log->status;
                                $normalizedStatus = \App\Models\Order::normalizeStatusCodeString($rawStatus);

                                $statusEnum = \App\Enums\OrderStatus::tryFrom($normalizedStatus);
                                $statusLabel = $statusEnum?->label() ?? ($normalizedStatus !== '' ? $normalizedStatus : $rawStatus);
                                $statusColor = $statusEnum?->filamentColor() ?? 'gray';
                            @endphp

                            <x-filament::badge :color="$statusColor">
                                {{ $statusLabel }}
                            </x-filament::badge>
                        </td>
                        <td class="px-3 py-2">
                            <div>{{ $log->note ?? '-' }}</div>

                            @php
                                $sku = trim((string) ($log->orderDetail?->product_reference ?? ''));
                                $productName = trim((string) ($log->orderDetail?->product_name ?? ''));
                                $imageUrl = $sku !== '' ? ($imagesByRef[$sku] ?? null) : null;
                            @endphp

                            @if ($sku !== '' || $productName !== '' || filled($imageUrl))
                                <div class="mt-3 rounded-lg border border-gray-200 bg-gray-50 p-3">
                                    @if (filled($imageUrl))
                                        <img
                                            src="{{ $imageUrl }}"
                                            alt="{{ $productName !== '' ? $productName : 'Producto' }}"
                                            class="mb-2 h-16 w-16 rounded bg-white object-contain"
                                        >
                                    @endif

                                    @if ($sku !== '')
                                        <div class="text-sm text-gray-700">
                                            <span class="font-medium">SKU:</span> {{ $sku }}
                                        </div>
                                    @endif

                                    @if ($productName !== '')
                                        <div class="text-sm text-gray-700">
                                            <span class="font-medium">Producto:</span> {{ $productName }}
                                        </div>
                                    @endif
                                </div>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td class="px-3 py-4 text-gray-600" colspan="3">Sin historial.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>