@props(['value' => null])

@php
    $label = trim((string) ($value ?? '—'));
    $normalized = \Illuminate\Support\Str::lower($label);

    $isInUse = \Illuminate\Support\Str::contains($normalized, 'em uso');
    $isUnavailable = \Illuminate\Support\Str::contains($normalized, ['baixado', 'manutenção', 'inativo']);

    if ($isInUse) {
        $classes = 'bg-yellow-100 text-yellow-800 ring-yellow-600/20';
        $icon = 'in-use';
    } elseif ($isUnavailable) {
        $classes = 'bg-red-100 text-red-800 ring-red-600/20';
        $icon = 'unavailable';
    } else {
        $classes = 'bg-green-100 text-green-800 ring-green-600/20';
        $icon = 'available';
    }
@endphp

<span class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold ring-1 ring-inset {{ $classes }}">
    @if($icon === 'available')
        <svg class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.707a1 1 0 00-1.414-1.414L9 10.172 7.707 8.88a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
        </svg>
    @elseif($icon === 'in-use')
        <svg class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.72-1.36 3.486 0l6.518 11.59c.75 1.334-.213 2.99-1.742 2.99H3.48c-1.53 0-2.493-1.656-1.743-2.99l6.52-11.59zM11 13a1 1 0 10-2 0 1 1 0 002 0zm-1-7a1 1 0 00-1 1v4a1 1 0 102 0V7a1 1 0 00-1-1z" clip-rule="evenodd" />
        </svg>
    @else
        <svg class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M8.603 2.577a2 2 0 012.794 0l6.026 5.766a2 2 0 01.146 2.75l-4.8 5.6a2 2 0 01-2.94.113l-6.11-6.11a2 2 0 01.114-2.94l5.6-4.8zM7 11a1 1 0 102 0 1 1 0 00-2 0z" clip-rule="evenodd" />
        </svg>
    @endif
    <span>{{ $label }}</span>
</span>