@props(['status'])

@php
    $styles = [
        'waiting' => 'bg-slate-100 text-slate-700 ring-slate-200',
        'called' => 'bg-amber-50 text-amber-800 ring-amber-200',
        'serving' => 'bg-indigo-50 text-indigo-800 ring-indigo-200',
        'on_hold' => 'bg-violet-50 text-violet-800 ring-violet-200',
        'completed' => 'bg-emerald-50 text-emerald-800 ring-emerald-200',
        'no_show' => 'bg-rose-50 text-rose-800 ring-rose-200',
        'cancelled' => 'bg-slate-100 text-slate-500 ring-slate-200',
        'transferred' => 'bg-sky-50 text-sky-800 ring-sky-200',
    ];
    $label = config('qms.ticket_statuses.'.$status, ucfirst(str_replace('_', ' ', $status)));
    $class = $styles[$status] ?? 'bg-slate-100 text-slate-700 ring-slate-200';
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ring-1 ring-inset {$class}"]) }}>
    {{ $label }}
</span>