{{-- Panel de detalle de un RIM (kit ui-ctc), panel lateral de SOLO LECTURA: Websimex no se escribe y la solicitud de
     prórroga (que vive en CTI) está fuera de alcance. Ver specs/SPEC_SeguimientoRIM_V2.MD sección 8.2. --}}
@php
    use App\Http\Clases\Rim\FormatoRim;

    $fila = $detalleFila;
    $campoCobertura = ($fila && $fila['grupo'] === 'vencido') ? 'sin_reemplazo_vencido' : 'sin_reemplazo_agotado';
    $marcarCobertura = $fila ? $fila['alerta_cobertura'] : false;

    // Cuál de las tres fechas manda, para señalarla en la cronología
    $manda = 'vencimiento';
    if (!empty($detalle->FECHA_PRORROGA2) && strpos((string) $detalle->FECHA_PRORROGA2, '0000-00-00') !== 0) {
        $manda = 'prorroga2';
    } elseif (!empty($detalle->FECHA_PRORROGA) && strpos((string) $detalle->FECHA_PRORROGA, '0000-00-00') !== 0) {
        $manda = 'prorroga1';
    }
    $cronologia = [
        'vencimiento' => ['Vencimiento original', null, $detalle->FECHA_VENCIMIENTO],
        'prorroga1' => ['Prórroga 1', $detalle->NUMERO_PRORROGA1, $detalle->FECHA_PRORROGA],
        'prorroga2' => ['Prórroga 2', $detalle->NUMERO_PRORROGA2, $detalle->FECHA_PRORROGA2],
    ];
    $datos = [
        'Radicado' => $detalle->NUMERO_RADICADO ?: '—',
        'Fecha de radicado' => FormatoRim::fecha($detalle->FECHA_REDICADO),
        'Fecha de aprobación' => FormatoRim::fecha($detalle->FECHA_APROBACION),
        'Tipo de solicitud' => $detalle->NOMBRE_TIPO_SOLICITUD ?: '—',
        'Versión' => $detalle->VERSION ?: '—',
        'Aduana' => $detalle->NOMBRE_ADMINISTRACION ?: '—',
        'Exportador' => $detalle->NOMBRE_EXPORTADOR ?: '—',
        'País de origen' => $detalle->PAIS_ORIGEN ?: '—',
        'País de compra' => $detalle->PAIS_COMPRA ?: '—',
        'Medio de transporte' => $detalle->NOMBRE_MEDIO_TRANS ?: '—',
        'Puerto de embarque' => $detalle->PUERTO_EMBARQUE ?: '—',
    ];
    $titulo = 'text-[11px] font-bold uppercase tracking-[0.08em] text-[var(--texto-tenue)]';
@endphp
<div class="fixed inset-0 z-[60]" wire:key="detalle-{{ $detalle->ID_REGISTRO }}">
    <div class="absolute inset-0 bg-black/40" wire:click="cerrarDetalle"></div>

    <aside class="absolute inset-y-0 right-0 flex w-full max-w-3xl flex-col border-l border-[var(--borde)] bg-[var(--superficie)] shadow-[var(--sombra-panel)]"
           role="dialog" aria-modal="true" aria-label="Detalle del registro de importación">
        <header class="flex items-start gap-3 border-b border-[var(--borde)] px-6 py-4">
            <div class="min-w-0 flex-1">
                <p class="{{ $titulo }}">Registro de importación</p>
                <h2 class="mt-0.5 text-[20px] font-semibold tabular-nums text-[var(--texto)]">{{ $detalle->NUMERO_APROBACION ?: 'sin aprobación' }}</h2>
                <p class="mt-0.5 text-[13px] text-[var(--texto-suave)]">
                    DO {{ $detalle->NUMERO_DO }} · {{ $detalle->NOMBRE_IMPORTADOR }}
                    @if ($detalle->NUMERO_IDENTIFICACION)<span class="text-[var(--texto-tenue)]">· NIT {{ $detalle->NUMERO_IDENTIFICACION }}</span>@endif
                </p>
            </div>
            <x-boton-icono etiqueta="Cerrar" wire:click="cerrarDetalle"><x-icono nombre="x-mark" class="h-5 w-5" /></x-boton-icono>
        </header>

        <div class="min-h-0 flex-1 space-y-6 overflow-y-auto px-6 py-5">
            {{-- Estado, tal como lo clasifica el listado --}}
            @if ($fila)
                <section class="space-y-3 rounded-xl border border-[var(--borde)] p-4">
                    <div class="flex flex-wrap items-center gap-2">
                        <span class="h-2.5 w-2.5 rounded-full" style="background: {{ \App\Http\Livewire\Rim\SeguimientoRimV2::coloresBucket()[$fila['grupo']] }}"></span>
                        <span class="text-[14px] font-semibold text-[var(--texto)]">{{ $etiquetas[$fila['grupo']]['titulo'] }}</span>
                        <span class="text-[13px] text-[var(--texto-suave)]">{{ FormatoRim::fecha($fila['fecha_real']) }} · {{ $fila['texto_dias'] }}</span>
                        @if ($fila['alerta_cobertura'])
                            <x-etiqueta variante="peligro">{{ $fila['sin_cobertura'] }} de {{ $fila['lineas'] }} {{ $fila['lineas'] == 1 ? 'línea' : 'líneas' }} sin reemplazo</x-etiqueta>
                        @endif
                    </div>
                    <x-rim.consumo :registro="$fila" />
                </section>
            @endif

            {{-- Cronología de vencimiento --}}
            <section>
                <h3 class="{{ $titulo }}">Vencimiento y prórrogas</h3>
                <ol class="mt-2 divide-y divide-[var(--borde)] rounded-xl border border-[var(--borde)]">
                    @foreach ($cronologia as $clave => [$rotulo, $numero, $fecha])
                        <li class="flex items-center gap-3 px-4 py-2.5 text-[13px] {{ $manda === $clave ? 'bg-[var(--acento-suave)]' : '' }}">
                            <span class="flex-1 text-[var(--texto-suave)]">{{ $rotulo }}@if ($numero) <span class="text-[var(--texto-tenue)]">· nº {{ $numero }}</span>@endif</span>
                            <span class="tabular-nums text-[var(--texto)]">{{ FormatoRim::fecha($fecha) }}</span>
                            @if ($manda === $clave)<x-etiqueta variante="acento">rige</x-etiqueta>@endif
                        </li>
                    @endforeach
                </ol>
            </section>

            {{-- Datos del registro --}}
            <section>
                <h3 class="{{ $titulo }}">Datos del registro</h3>
                <dl class="mt-2 grid gap-x-6 gap-y-3 sm:grid-cols-2">
                    @foreach ($datos as $rotulo => $valor)
                        <div><dt class="text-[12px] text-[var(--texto-tenue)]">{{ $rotulo }}</dt><dd class="text-[13px] text-[var(--texto)]">{{ $valor }}</dd></div>
                    @endforeach
                    <div>
                        <dt class="text-[12px] text-[var(--texto-tenue)]">Moneda</dt>
                        <dd class="text-[13px] text-[var(--texto)]">
                            {{ rtrim(trim((string) $detalle->CODIGO_MONEDA), '.') ?: '—' }}
                            @if ($detalle->TASA_CAMBIO > 0)<span class="text-[var(--texto-suave)]">· TRM {{ FormatoRim::cantidad($detalle->TASA_CAMBIO, 2) }}</span>@endif
                        </dd>
                    </div>
                </dl>
            </section>

            {{-- Líneas de producto --}}
            <section>
                <h3 class="{{ $titulo }}">Líneas de producto <span class="ml-1 normal-case tracking-normal">({{ count($detalleLineas) }})</span></h3>
                @if (count($detalleLineas) === 0)
                    <p class="mt-2 text-[13px] text-[var(--texto-suave)]">El ERP no reporta líneas de producto para este registro.</p>
                @else
                    <div class="ctc-tabla-caja mt-2 rounded-xl border border-[var(--borde)]" style="--alto-tabla: 22rem">
                        <table class="ctc-tabla">
                            <thead>
                                <tr><th>#</th><th>Producto</th><th>Subpartida</th><th class="!text-right">Disponible</th><th class="!text-right">Autorizado</th><th class="!text-right">Valor</th><th>Reemplazo</th></tr>
                            </thead>
                            <tbody>
                                @foreach ($detalleLineas as $indice => $linea)
                                    @php $sinReemplazo = $marcarCobertura && (int) $linea->{$campoCobertura} === 1; @endphp
                                    <tr @if ($sinReemplazo) data-sin-hover style="background-color: color-mix(in srgb, #c92f33 6%, var(--superficie)); box-shadow: inset 3px 0 0 #c92f33" @endif>
                                        <td class="tabular-nums text-[var(--texto-suave)]">{{ $linea->NUMERO_ITEM ?: $indice + 1 }}</td>
                                        <td class="min-w-[200px] text-[12.5px]">{{ $linea->NOMBRE_COMERCIAL }}@if ($linea->CODIGO_PRODUCTO)<span class="block font-mono text-[11.5px] text-[var(--texto-suave)]">{{ $linea->CODIGO_PRODUCTO }}</span>@endif</td>
                                        <td class="whitespace-nowrap">{{ $linea->CODIGO_POSICION }}</td>
                                        <td class="whitespace-nowrap text-right">{{ FormatoRim::cantidad($linea->CANTIDAD_DISPONIBLE) }} {{ $linea->unidad }}</td>
                                        <td class="whitespace-nowrap text-right">{{ FormatoRim::cantidad($linea->CANTIDAD) }}</td>
                                        <td class="whitespace-nowrap text-right">{{ FormatoRim::dinero($linea->TOTAL_ITEM, $detalle->CODIGO_MONEDA) }}</td>
                                        <td>
                                            @if (!$marcarCobertura)<span class="text-[var(--texto-tenue)]">no aplica</span>
                                            @elseif ($sinReemplazo)<x-etiqueta variante="peligro">Sin reemplazo</x-etiqueta>
                                            @else<span class="text-[var(--texto-suave)]">cubierto</span>@endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @if ($marcarCobertura)
                        <p class="mt-2 text-[12px] text-[var(--texto-suave)]">
                            «Sin reemplazo» = ningún otro RIM {{ $fila['grupo'] === 'vencido' ? 'con vencimiento a más de ' . $ventana . ' días' : 'vigente' }}
                            del cliente tiene saldo disponible de ese código de producto.
                        </p>
                    @endif
                @endif
            </section>

            <p class="text-[12px] text-[var(--texto-tenue)]">Panel de consulta. La información proviene de Websimex y no se modifica desde aquí.</p>
        </div>
    </aside>
</div>