{{-- Saldo disponible de un RIM (kit ui-ctc): porcentaje utilizado, barra y cifras (cantidad y valor en la moneda del RIM,
     con el mismo peso; SPEC decisión D). La barra informa el consumo del cupo; NO es la señal de alerta.
     Con enlace-lineas, el conteo de líneas abre la fila (el disparador está sobre el dato que el usuario ya lee). --}}
@props(['registro', 'enlaceLineas' => false])
@php
    use App\Http\Clases\Rim\FormatoRim;

    $colores = [
        'vencido' => 'var(--rim-vencido)', 'critico' => 'var(--rim-critico-barra)', 'proximo' => 'var(--rim-proximo)',
        'vigente' => 'var(--rim-vigente)', 'agotado' => 'var(--rim-agotado)', 'sin_fecha' => 'var(--rim-agotado)',
    ];
    $colorBarra = $colores[$registro['grupo']] ?? 'var(--rim-agotado)';
    $pct = $registro['pct_utilizado'];
    $unidad = $registro['unidad'];
@endphp
<div class="space-y-1">
    <div class="flex items-center justify-between gap-3 text-[11.5px]">
        <span class="text-[var(--texto-suave)]">{{ $pct === null ? 'Sin cupo' : FormatoRim::porcentaje($pct) . ' utilizado' }}</span>
        @if ($enlaceLineas)
            <button type="button" wire:click="alternarLineas('{{ $registro['id'] }}')" class="font-semibold text-[var(--acento-texto)] hover:underline" title="Ver las líneas de producto">
                {{ $registro['lineas'] }} {{ $registro['lineas'] == 1 ? 'línea' : 'líneas' }}
            </button>
        @else
            <span class="text-[var(--texto-suave)]">{{ $registro['lineas'] }} {{ $registro['lineas'] == 1 ? 'línea' : 'líneas' }}</span>
        @endif
    </div>
    <div class="h-1.5 overflow-hidden rounded-full bg-[var(--superficie-2)]" role="img"
         aria-label="{{ $pct === null ? 'Sin cupo registrado' : FormatoRim::porcentaje($pct) . ' del cupo utilizado' }}">
        <div class="h-full rounded-full" style="width: {{ $pct === null ? 0 : $pct }}%; background: {{ $colorBarra }}"></div>
    </div>
    <div class="text-[12px] tabular-nums">
        <span class="text-[var(--texto)]">
            {{ FormatoRim::cantidad($registro['saldo_cantidad']) }} de {{ FormatoRim::cantidad($registro['cantidad_total']) }}
            @if ($unidad){{ $unidad }}@else<span class="text-[var(--texto-suave)]" title="El registro mezcla unidades comerciales">varias unidades</span>@endif
        </span>
        <span class="block text-[var(--texto-suave)]">{{ FormatoRim::dinero($registro['saldo_valor'], $registro['moneda']) }} de {{ FormatoRim::dinero($registro['valor_total']) }}</span>
    </div>
</div>