{{-- Solicitudes de clasificación del cliente (tarea 2.4, lado CTC). Kit ui-ctc: pestañas por avance, búsqueda y tabla
     con lo que le falta al cliente; cada fila abre la pantalla de la solicitud. Colores: tokens del layout. --}}
@php
    use App\Http\Livewire\Importaciones\SolicitudesClasificacion;
    use App\Models\Cti\ClasificacionSolicitud;
    $variantesEstado = [
        'DOCUMENTOS_INCOMPLETOS' => 'aviso', 'DOCUMENTOS_COMPLETOS' => 'info', 'EN_CLASIFICACION' => 'info',
        'SUSPENDIDA' => 'peligro', 'CLASIFICADA' => 'exito', 'PRODUCTO_CREADO' => 'exito',
        'PENDIENTE_RIM' => 'aviso', 'EN_TRAMITE_RIM' => 'aviso', 'RIM_APROBADO' => 'exito', 'VOBO_OTORGADO' => 'exito',
    ];
@endphp
<div>
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Órdenes de compra · Clasificación" titulo="Solicitudes de clasificación"
                             descripcion="Productos de tus órdenes de compra que no existen en Websimex. Diligencia la ficha y carga los documentos que pide el analista.">
            <x-slot name="acciones">
                <x-enlace-boton href="{{ pantalla('/impo/order-v2') }}">
                    <x-icono nombre="arrow-left" variante="m" class="h-4 w-4" /> Órdenes de compra
                </x-enlace-boton>
            </x-slot>
        </x-encabezado-pagina>

        <section class="min-w-0 overflow-hidden rounded-xl border border-[var(--borde)] bg-[var(--superficie)]">
            <div class="flex flex-wrap items-center justify-between gap-4 border-b border-[var(--borde)] px-5">
                <div class="flex gap-1 overflow-x-auto" role="tablist">
                    @foreach (SolicitudesClasificacion::PESTANAS as $clave => [$etiqueta, $estados])
                        <x-pestana :etiqueta="$etiqueta" :conteo="$conteos[$clave]" :activa="$pestana === $clave" wire:click="cambiarPestana('{{ $clave }}')" wire:key="pestana-{{ $clave }}" />
                    @endforeach
                </div>
                <div class="relative w-full py-2 sm:w-80">
                    <label for="buscar-solicitud" class="sr-only">Buscar solicitud</label>
                    <x-icono nombre="magnifying-glass" class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[var(--texto-tenue)]" />
                    <x-input id="buscar-solicitud" type="search" class="w-full pl-9" placeholder="OC, pedido, producto o proveedor" wire:model.live.debounce.500ms="buscar" />
                </div>
            </div>

            <div class="ctc-tabla-caja">
                <table class="ctc-tabla">
                    <thead>
                        <tr>
                            <th>Solicitud</th><th>Orden</th><th>Productos</th><th>Estado</th><th>Te falta</th><th>Analista</th><th>Plazo</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($solicitudes as $s)
                            @php
                                $r = $resumen[$s->id] ?? ['productos' => [], 'proveedores' => [], 'fichas_incompletas' => 0, 'sin_documentos' => 0, 'documentos_pendientes' => 0];
                                $falta = [];
                                if ($s->estado === ClasificacionSolicitud::DOCUMENTOS_INCOMPLETOS) {
                                    if ($r['fichas_incompletas']) { $falta[] = $r['fichas_incompletas'] . ($r['fichas_incompletas'] === 1 ? ' ficha' : ' fichas'); }
                                    if ($r['documentos_pendientes']) { $falta[] = $r['documentos_pendientes'] . ($r['documentos_pendientes'] === 1 ? ' documento' : ' documentos'); }
                                }
                                $url = pantalla(route('oc-clasificacion', $s->id, false));
                            @endphp
                            <tr wire:key="solicitud-{{ $s->id }}">
                                <td class="whitespace-nowrap">
                                    <a href="{{ $url }}" class="font-mono font-semibold text-[var(--acento-texto)] hover:underline">N.º {{ $s->id }}</a>
                                    <span class="block text-[12px] text-[var(--texto-suave)]">{{ \Carbon\Carbon::parse($s->created_at)->format('d/m/Y') }}</span>
                                </td>
                                <td class="whitespace-nowrap font-mono">
                                    {{ $s->po }}
                                    <span class="block text-[12px] text-[var(--texto-suave)]">{{ $s->pedido ? 'Pedido ' . $s->pedido : 'Sin pedido' }}</span>
                                </td>
                                <td class="max-w-[320px]">
                                    <span class="block truncate" title="{{ implode(' · ', $r['productos']) }}">{{ $r['productos'][0] ?? '—' }}</span>
                                    <span class="block truncate text-[12px] text-[var(--texto-suave)]">
                                        {{ $s->cantidad_items }} producto(s)@if ($r['proveedores']) · {{ implode(', ', $r['proveedores']) }}@endif
                                    </span>
                                </td>
                                <td class="whitespace-nowrap"><x-etiqueta :variante="$variantesEstado[$s->estado] ?? 'neutro'">{{ $s->nombreEstado() }}</x-etiqueta></td>
                                <td class="whitespace-nowrap">
                                    @if ($falta)
                                        <a href="{{ $url }}" class="font-semibold text-[var(--acento-texto)] hover:underline">Completar {{ implode(' y ', $falta) }}</a>
                                    @elseif ($s->estado === ClasificacionSolicitud::DOCUMENTOS_INCOMPLETOS && $r['sin_documentos'])
                                        <span class="text-[var(--texto-suave)]">Esperando que el analista pida los documentos</span>
                                    @else
                                        <span class="text-[var(--texto-tenue)]">—</span>
                                    @endif
                                </td>
                                <td class="whitespace-nowrap">
                                    @if ($s->id_analista)
                                        {{ $analistas[$s->id_analista] ?? 'Asignado' }}
                                    @else
                                        <span class="text-[var(--texto-tenue)]">Sin asignar</span>
                                    @endif
                                </td>
                                <td class="whitespace-nowrap">
                                    @if ($s->dias_ans)
                                        {{ $s->dias_ans + (int) $s->dias_ampliados }} días hábiles
                                        <span class="block text-[12px] text-[var(--texto-suave)]">
                                            @if ($s->fecha_limite)
                                                límite {{ \Carbon\Carbon::parse($s->fecha_limite)->format('d/m/Y') }}
                                            @else
                                                desde {{ \Carbon\Carbon::parse($s->fecha_documentos_completos)->format('d/m/Y') }}
                                            @endif
                                        </span>
                                    @else
                                        <span class="text-[var(--texto-tenue)]" title="El plazo empieza cuando la ficha y los documentos están completos">—</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr data-sin-hover><td colspan="7" class="!p-0">
                                <div class="ctc-vacio py-12 text-center text-[14px] text-[var(--texto-suave)]">
                                    <x-icono nombre="clipboard-document-check" class="mx-auto h-7 w-7 text-[var(--texto-tenue)]" />
                                    <p class="mt-2">{{ trim($buscar) !== '' ? 'No hay solicitudes con esa búsqueda.' : 'No hay solicitudes en esta pestaña.' }}</p>
                                </div>
                            </td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if ($solicitudes->hasPages())
                <div class="border-t border-[var(--borde)] px-5 py-3">{{ $solicitudes->links('vendor.pagination.ctc-livewire') }}</div>
            @endif
        </section>
    </x-pagina>
</div>