@props(['status'])

@php
    $classes = match($status) {
        'NEW' => 'bg-blue-100 text-blue-800 border border-blue-200',
        'IN_PROGRESS' => 'bg-amber-100 text-amber-800 border border-amber-200',
        'AWAITING_ADMIN_REVIEW' => 'bg-purple-100 text-purple-800 border border-purple-200 font-bold animate-pulse',
        'CHANGES_REQUESTED' => 'bg-rose-100 text-rose-800 border border-rose-200 font-bold',
        'IN_REVISION' => 'bg-orange-100 text-orange-800 border border-orange-200',
        'APPROVED' => 'bg-emerald-100 text-emerald-800 border border-emerald-200 font-semibold',
        'COMPLETED' => 'bg-slate-100 text-slate-700 border border-slate-200',
        'CANCELLED' => 'bg-gray-100 text-gray-500 border border-gray-200 line-through',
        default => 'bg-gray-100 text-gray-800 border border-gray-200',
    };

    $label = match($status) {
        'AWAITING_ADMIN_REVIEW' => 'AWAITING ADMIN REVIEW',
        'CHANGES_REQUESTED' => 'CHANGES REQUESTED',
        'IN_PROGRESS' => 'IN PROGRESS',
        'IN_REVISION' => 'IN REVISION',
        default => str_replace('_', ' ', $status),
    };
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold uppercase tracking-wider {$classes}"]) }}>
    {{ $label }}
</span>