{{-- Reporte KPI Nespresso (report-nespresso): DO de Nestlé con datos de Websimex, CTI y Websystem, por fecha de arribo.
     Kit ui-ctc (MigracionLayout.MD L3, pantallas de L2a). --}}
@php
    $vacio = '<span class="text-[var(--texto-tenue)]">—</span>';
    $txt = fn ($v) => ($v === null || $v === '') ? $vacio : e($v);
@endphp
<div>
<x-pagina>
    <x-encabezado-pagina ruta="Importaciones · Reportes" titulo="Reporte KPI Nespresso" descripcion="Integración Websimex · CTI · Websystem.">
        <x-slot name="acciones">
            <x-secondary-button wire:click="exportar" wire:loading.attr="disabled" wire:target="exportar">
                <x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
                <span wire:loading.remove wire:target="exportar">Exportar Excel</span>
                <span wire:loading wire:target="exportar">Generando…</span>
            </x-secondary-button>
        </x-slot>
    </x-encabezado-pagina>

    <x-barra-busqueda modelo="buscar_do" accion="cargarDatos" placeholder="Buscar por número DO" :abierto="true" :activos="$buscar_do ? 1 : 0">
        <x-slot name="filtros">
            <x-campo etiqueta="Arribo desde" para="fecha_inicio"><x-input type="date" id="fecha_inicio" wire:model.live="fecha_inicio" /></x-campo>
            <x-campo etiqueta="Arribo hasta" para="fecha_fin"><x-input type="date" id="fecha_fin" wire:model.live="fecha_fin" /></x-campo>
        </x-slot>
        <x-slot name="chips">
            @if ($buscar_do)<x-chip-filtro etiqueta="DO" :valor="$buscar_do" wire:click="$set('buscar_do', null); $wire.cargarDatos()" />@endif
            <button type="button" wire:click="limpiar" class="text-[12px] text-[var(--texto-suave)] underline hover:text-[var(--texto)]">Restablecer filtros</button>
        </x-slot>
    </x-barra-busqueda>

    <section class="min-w-0 overflow-hidden rounded-xl border border-[var(--borde)] bg-[var(--superficie)]">
        <div class="flex items-center justify-between gap-3 border-b border-[var(--borde)] px-5 py-3 text-[12px] text-[var(--texto-suave)]">
            <span><b class="font-bold text-[var(--texto)]">{{ number_format($rows->total(), 0, ',', '.') }}</b> registros</span>
            <span wire:loading.delay class="flex items-center gap-1.5 text-[var(--acento-texto)]" role="status"><x-icono nombre="arrow-path" class="h-4 w-4 animate-spin" /> Consultando…</span>
        </div>
        <div class="ctc-tabla-caja">
            <table class="ctc-tabla">
                <thead><tr><th>Importador</th><th class="!text-right">Año</th><th>DO</th><th>Productos</th><th>BL</th><th>Contenedor</th><th>Arribo</th><th>Fecha de levante</th></tr></thead>
                <tbody>
                    @forelse ($rows as $row)
                        @if (is_array($row) || is_object($row))
                            <tr>
                                <td class="min-w-[180px] text-[12.5px]">{!! $txt($row['importador'] ?? null) !!}</td>
                                <td class="text-right">{!! $txt($row['anio'] ?? null) !!}</td>
                                <td class="whitespace-nowrap font-semibold">{!! $txt($row['numero_do'] ?? null) !!}</td>
                                <td class="min-w-[200px] max-w-[320px] text-[12.5px] leading-snug">{!! $txt($row['producto'] ?? null) !!}</td>
                                <td class="whitespace-nowrap">{!! $txt($row['bl'] ?? null) !!}</td>
                                <td class="whitespace-nowrap">{!! $txt($row['no_de_contenedor'] ?? null) !!}</td>
                                <td class="whitespace-nowrap">{!! $txt($row['arribo_de_mecancía'] ?? null) !!}</td>
                                <td class="whitespace-nowrap">{!! $txt($row['fecha_de_levante'] ?? null) !!}</td>
                            </tr>
                        @endif
                    @empty
                        <tr data-sin-hover>
                            <td colspan="8" 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 se encontraron registros con los filtros aplicados.</p></div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($rows->hasPages())
            <div class="border-t border-[var(--borde)] px-5 py-3">{{ $rows->links('vendor.pagination.ctc-livewire') }}</div>
        @endif
    </section>
</x-pagina>
</div>