{{-- Fila de un RIM (kit ui-ctc). La fila es el registro completo (un saldo, una fecha, dos prórrogas); las líneas de
     producto se anidan debajo. Abrir la fila no es una acción: el chevron va a la izquierda y el conteo de líneas también
     la abre; a la derecha queda una sola acción, Gestionar (panel de detalle). Parámetros: $registro, $columnas. --}}
@php
    use App\Http\Clases\Rim\FormatoRim;

    $expandido = isset($lineasVisibles[$registro['id']]);
    $esAlerta = $registro['alerta_cobertura'];
    $lineasDelRegistro = isset($lineas[$registro['id']]) ? $lineas[$registro['id']] : [];
    $fondo = $esAlerta ? 'background-color: color-mix(in srgb, #c92f33 6%, var(--superficie));' : '';
@endphp
<tr wire:key="rim-{{ $registro['id'] }}" @if ($esAlerta) data-sin-hover style="{{ $fondo }}" @endif>
    <td class="ctc-fija !px-2" style="left: 0; {{ $fondo }} {{ $esAlerta ? 'box-shadow: inset 3px 0 0 #c92f33;' : '' }}">
        <button type="button" wire:click="alternarLineas('{{ $registro['id'] }}')" wire:loading.attr="disabled" wire:target="alternarLineas('{{ $registro['id'] }}')"
                aria-expanded="{{ $expandido ? 'true' : 'false' }}" title="{{ $expandido ? 'Cerrar las líneas de producto' : 'Ver las líneas de producto' }}"
                aria-label="{{ $expandido ? 'Cerrar' : 'Ver' }} las líneas de producto"
                class="flex h-7 w-7 items-center justify-center rounded-md text-[var(--texto-suave)] hover:bg-[var(--nav-hover)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--acento)]">
            <x-icono nombre="chevron-right" variante="m" class="h-4 w-4 transition-transform {{ $expandido ? 'rotate-90' : '' }}" />
        </button>
    </td>
    <td class="min-w-[220px]">
        <span class="block font-semibold tabular-nums">{{ $registro['aprobacion'] ?: 'sin aprobación' }}</span>
        <span class="block max-w-[320px] truncate text-[12px] text-[var(--texto-suave)]" title="{{ $registro['cliente'] }}">DO {{ $registro['do'] }} · {{ $registro['cliente'] }}</span>
    </td>
    <td class="min-w-[260px]"><x-rim.consumo :registro="$registro" enlace-lineas /></td>
    <td class="min-w-[170px]">
        <span class="block whitespace-nowrap {{ $registro['bucket_tiempo'] === 'vencido' ? 'font-semibold text-red-700 dark:text-red-300' : '' }}">
            {{ FormatoRim::fecha($registro['fecha_real']) }} · {{ $registro['texto_dias'] }}
        </span>
        @if ($esAlerta)
            <button type="button" wire:click="alternarLineas('{{ $registro['id'] }}')" class="mt-1" title="Ver cuáles de las {{ $registro['lineas'] }} líneas no tienen reemplazo">
                <x-etiqueta variante="peligro">{{ $registro['sin_cobertura'] }} de {{ $registro['lineas'] }} {{ $registro['lineas'] == 1 ? 'línea' : 'líneas' }} sin reemplazo</x-etiqueta>
            </button>
        @endif
    </td>
    <td><x-rim.prorrogas :prorrogas="$registro['prorrogas']" :fecha-prorroga="$registro['fecha_prorroga']" :fecha-prorroga2="$registro['fecha_prorroga2']" /></td>
    <td class="text-right">
        <x-secondary-button wire:click="verDetalle('{{ $registro['id'] }}')" wire:loading.attr="disabled" wire:target="verDetalle('{{ $registro['id'] }}')" class="whitespace-nowrap">
            <span wire:loading.remove wire:target="verDetalle('{{ $registro['id'] }}')">Gestionar</span>
            <span wire:loading wire:target="verDetalle('{{ $registro['id'] }}')"><x-icono nombre="arrow-path" class="h-4 w-4 animate-spin" /></span>
        </x-secondary-button>
    </td>
</tr>

@if ($expandido)
    @include('livewire.rim.partials._lineas-rim', ['lineasDelRegistro' => $lineasDelRegistro, 'registro' => $registro, 'columnas' => $columnas])
@endif