@props(['status'])

@php
    $normalized = str_replace('_', ' ', strtolower($status));
    $classes = match ($normalized) {
        'active', 'accepted', 'approved', 'issued', 'paid', 'present', 'confirmed', 'etims confirmed' => 'bg-[#dcfce7] text-[#166534]',
        'pending', 'pending etims', 'review', 'sent', 'partially paid', 'leave', 'sick' => 'bg-[#fef3c7] text-[#92400e]',
        'failed', 'rejected', 'overdue', 'inactive', 'absent', 'void' => 'bg-[#fee4e2] text-[#b42318]',
        default => 'bg-[#f1f3f5] text-[#55515b]',
    };
@endphp

<span {{ $attributes->class("inline-flex items-center gap-1.5 px-2 py-1 text-xs font-semibold capitalize {$classes}") }} style="border-radius: 4px;">
    <span class="size-1.5 shrink-0 rounded-full bg-current opacity-70" aria-hidden="true"></span>
    {{ $normalized }}
</span>