@props(['priority', 'isOverdue' => false])

@php
    if ($isOverdue) {
        $classes = 'bg-red-600 text-white font-bold ring-2 ring-red-300';
        $label = 'OVERDUE';
    } else {
        $p = strtolower($priority);
        $classes = match($p) {
            'urgent' => 'bg-red-100 text-red-700 border border-red-300 font-bold',
            'priority' => 'bg-amber-100 text-amber-800 border border-amber-300 font-semibold',
            'standard' => 'bg-slate-100 text-slate-700 border border-slate-200',
            default => 'bg-slate-100 text-slate-700 border border-slate-200',
        };
        $label = strtoupper($priority);
    }
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center px-2.5 py-0.5 rounded text-xs tracking-wider uppercase {$classes}"]) }}>
    @if($isOverdue || strtolower($priority) === 'urgent')
        <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
        </svg>
    @endif
    {{ $label }}
</span>