{{-- Estado del retiro de un DTA (kit ui-ctc). $v: ['tipo' => null|'vencido'|'retirado'|'dias', 'dias', 'faltan'], de
     Dta\OrdenesCompraDta. Los días salen de ValidarVencimientoDta::validarVencimiento(): antes el mismo cálculo se
     pintaba como HTML armado en PHP (htmlAlerta), con clases que el Tailwind compilado no incluía. --}}
@php
    // color_animacion de ValidarVencimientoDta: verde = días de oportunidad, cian = hasta la finalización,
    // gris = después de la fecha máxima, rojo = día no hábil. La fecha máxima lleva anillo.
    $clases = [
        'green' => 'bg-emerald-600 text-white',
        'cyan'  => 'bg-cyan-600 text-white',
        'gray'  => 'bg-zinc-700 text-white dark:bg-zinc-500',
        'red'   => 'bg-rose-600 text-white',
    ];
@endphp
@if ($v['tipo'] === 'vencido')
    <x-etiqueta variante="peligro">VENCIDO</x-etiqueta>
@elseif ($v['tipo'] === 'retirado')
    <x-etiqueta variante="exito">RETIRADO</x-etiqueta>
@elseif ($v['tipo'] === 'dias')
    <div class="flex items-center gap-1">
        @foreach ($v['dias'] as $dia)
            @php $maxima = str_contains((string) $dia['color'], 'ring-2'); @endphp
            <span @class([
                    'flex h-[22px] w-[22px] flex-none items-center justify-center rounded-full text-[10.5px] font-semibold tabular-nums',
                    'bg-[var(--superficie)] text-[var(--texto)] ring-2 ring-emerald-500' => $maxima,
                    $clases[$dia['color_animacion']] ?? 'bg-[var(--superficie-2)] text-[var(--texto)]' => !$maxima,
                    'animate-pulse' => $dia['animacion'] !== '',
                  ])
                  title="{{ $maxima ? 'Fecha máxima de retiro' : '' }}">{{ $dia['day'] }}</span>
        @endforeach
        @if ($v['faltan'] !== '')
            <x-etiqueta variante="aviso" class="ml-1">{{ $v['faltan'] }}</x-etiqueta>
        @endif
    </div>
@else
    <span class="text-[var(--texto-tenue)]">—</span>
@endif