@php
    $classes = match ($simbol) {
        'H' => 'bg-sky-100 text-sky-800 ring-1 ring-sky-200',
        'S' => 'bg-amber-50 text-amber-800 ring-1 ring-amber-200',
        'I' => 'bg-indigo-50 text-indigo-800 ring-1 ring-indigo-200',
        'A' => 'bg-rose-50 text-rose-800 ring-1 ring-rose-200',
        'L' => 'bg-slate-100 text-slate-500 ring-1 ring-slate-200',
        default => 'text-slate-300',
    };
    $label = $simbol === 'H' ? '✓' : $simbol;
@endphp
<span class="mx-auto inline-flex h-6 w-6 items-center justify-center rounded text-[10px] font-bold {{ $classes }}" title="{{ $simbol }}">{{ $label }}</span>