{{-- Reporte global KPI de Brenntag (reporte/globalbrenntag): una fila por DO con fechas, tiempos e indicadores, por fecha de
     levante. Gemelo del reporte global de importación de Groupe SEB. Kit ui-ctc (MigracionLayout.MD L3, pantallas de L2a). --}}
@php
    $moneda = ['VALOR_DEMORAS', 'VALOR_ALMACENAMIENTO'];
    $listas = ['CAUSAL', 'DESCRIPCION_CAUSAL'];
    $anchos = ['COMENTARIOS' => 'min-w-[220px] max-w-xs', 'NUMERO_PEDIDO' => 'max-w-[150px]', 'DESCRIPCION_PRODUCTOS' => 'min-w-[200px] max-w-[250px]'];
    $vacio = '<span class="text-[var(--texto-tenue)]">—</span>';
    $chips = [];
    if ($buscar_do) { $chips['buscar_do'] = ['DO', $buscar_do]; }
    if ($importadorSeleccionado) { $chips['importadorSeleccionado'] = ['Importador', $importadores[$importadorSeleccionado] ?? $importadorSeleccionado]; }
@endphp
<div>
<x-pagina>
    <x-encabezado-pagina ruta="Importaciones · Reportes" titulo="Reporte global KPI">
        <x-slot name="acciones">
            @if ($data->total() > 0)
                <x-secondary-button wire:click="download" wire:loading.attr="disabled" wire:target="download">
                    <x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
                    <span wire:loading.remove wire:target="download">Descargar</span>
                    <span wire:loading wire:target="download">Generando…</span>
                </x-secondary-button>
            @endif
        </x-slot>
    </x-encabezado-pagina>

    @if (Session::has('success'))<x-alerta tipo="exito">{{ Session::get('success') }}</x-alerta>@endif
    @if (Session::has('warning'))<x-alerta tipo="aviso">{{ Session::get('warning') }}</x-alerta>@endif

    <x-barra-busqueda modelo="buscar_do" accion="consultar" placeholder="Buscar por número DO" :abierto="true" :activos="count($chips)">
        <x-slot name="filtros">
            <x-campo etiqueta="Fecha levante inicial" para="fechaAperturaInicial"><x-input type="date" id="fechaAperturaInicial" wire:model="fechaAperturaInicial" /></x-campo>
            <x-campo etiqueta="Fecha levante final" para="fechaAperturaFinal"><x-input type="date" id="fechaAperturaFinal" wire:model="fechaAperturaFinal" /></x-campo>
            <x-campo etiqueta="Importador" para="importadorSeleccionado">
                <x-select id="importadorSeleccionado" wire:model="importadorSeleccionado">
                    <option value="">Todos</option>
                    @foreach ($importadores as $id => $nombre)<option value="{{ $id }}">{{ $nombre }}</option>@endforeach
                </x-select>
            </x-campo>
        </x-slot>
        @if (count($chips))
            <x-slot name="chips">
                @foreach ($chips as $campo => [$etiqueta, $valor])
                    <x-chip-filtro :etiqueta="$etiqueta" :valor="$valor" wire:click="limpiarFiltro('{{ $campo }}')" />
                @endforeach
            </x-slot>
        @endif
    </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($data->total(), 0, ',', '.') }}</b> operaciones</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" /> Procesando, por favor espere…</span>
        </div>
        <div class="ctc-tabla-caja">
            <table class="ctc-tabla">
                <thead>
                    <tr>@foreach ($campos as $campo)<th>{{ str_replace('_', ' ', $campo) }}</th>@endforeach</tr>
                </thead>
                <tbody>
                    @forelse ($data as $registro)
                        <tr>
                            @foreach ($campos as $campo)
                                @php $valor = $registro[$campo] ?? ''; @endphp
                                @if ($campo === 'DO')
                                    <td class="whitespace-nowrap font-semibold">{{ $valor }}</td>
                                @elseif (in_array($campo, $listas))
                                    @php $items = array_filter(array_map('trim', explode('||', (string) $valor))); @endphp
                                    <td class="min-w-[320px] text-[12px] leading-snug">
                                        @if (count($items))
                                            <ul class="max-h-24 list-disc space-y-0.5 overflow-y-auto pl-4">@foreach ($items as $item)<li>{{ $item }}</li>@endforeach</ul>
                                        @else{!! $vacio !!}@endif
                                    </td>
                                @elseif (in_array($campo, $moneda))
                                    <td class="whitespace-nowrap text-right">{{ number_format((float) ($valor ?: 0), 2, ',', '.') }}</td>
                                @elseif (isset($anchos[$campo]))
                                    <td class="{{ $anchos[$campo] }} text-[12.5px]"><div class="line-clamp-2 break-words" title="{{ $valor }}">{!! $valor !== '' ? e($valor) : $vacio !!}</div></td>
                                @elseif ($valor === '' || $valor === null)
                                    <td>{!! $vacio !!}</td>
                                @else
                                    <td class="whitespace-nowrap {{ is_numeric($valor) ? 'text-right' : '' }}">{{ $valor }}</td>
                                @endif
                            @endforeach
                        </tr>
                    @empty
                        <tr data-sin-hover>
                            <td colspan="{{ count($campos) }}" 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.</p></div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($data->hasPages())
            <div class="border-t border-[var(--borde)] px-5 py-3">{{ $data->links('vendor.pagination.ctc-livewire') }}</div>
        @endif
    </section>
</x-pagina>
</div>