@props([
    'status', // OrderStatus enum instance or string value
    'orderStatus' => null, // Optional order_status field (for legacy compatibility)
    'size' => 'default', // 'sm', 'default', 'lg'
    'showIcon' => false,
])

@php
    // Normalize status to OrderStatus enum
    if (is_string($status)) {
        try {
            $statusEnum = \App\Enums\OrderStatus::from($status);
        } catch (\ValueError $e) {
            // Fallback for unknown statuses
            $statusEnum = null;
        }
    } elseif ($status instanceof \App\Enums\OrderStatus) {
        $statusEnum = $status;
    } else {
        $statusEnum = null;
    }

    // Determine badge classes based on status
    $badgeClasses = match($statusEnum) {
        \App\Enums\OrderStatus::PLACED => 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300',
        \App\Enums\OrderStatus::CONFIRMED => 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400',
        \App\Enums\OrderStatus::PREPARING => 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400',
        \App\Enums\OrderStatus::READY_FOR_PICKUP => 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400',
        \App\Enums\OrderStatus::OUT_FOR_DELIVERY => 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900/30 dark:text-indigo-400',
        \App\Enums\OrderStatus::SERVED, \App\Enums\OrderStatus::DELIVERED => 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400',
        \App\Enums\OrderStatus::CANCELLED => 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400',
        default => 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300',
    };

    // Size classes
    $sizeClasses = match($size) {
        'sm' => 'px-2 py-0.5 text-xs',
        'lg' => 'px-4 py-2 text-base',
        default => 'px-2.5 py-1 text-sm',
    };

    // Status label
    $label = $statusEnum ? $statusEnum->label() : (is_string($status) ? Str::title(str_replace('_', ' ', $status)) : 'Unknown');
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center gap-1.5 font-medium rounded-full {$badgeClasses} {$sizeClasses}"]) }}>
    @if($showIcon && $statusEnum)
        @switch($statusEnum)
            @case(\App\Enums\OrderStatus::PLACED)
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
                </svg>
                @break
            @case(\App\Enums\OrderStatus::CONFIRMED)
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                </svg>
                @break
            @case(\App\Enums\OrderStatus::PREPARING)
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 7.68 7.68" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7.584 3.072 6.72 3.72v1.8a0.961 0.961 0 0 1 -0.96 0.96H1.92a0.961 0.961 0 0 1 -0.96 -0.96v-1.8L0.096 3.072a0.24 0.24 0 0 1 0.288 -0.384L0.96 3.12V2.64a0.481 0.481 0 0 1 0.48 -0.48h4.8a0.481 0.481 0 0 1 0.48 0.48v0.48l0.576 -0.432a0.24 0.24 0 0 1 0.288 0.384M4.8 1.68a0.24 0.24 0 0 0 0.24 -0.24V0.48a0.24 0.24 0 0 0 -0.48 0v0.96a0.24 0.24 0 0 0 0.24 0.24m-0.96 0a0.24 0.24 0 0 0 0.24 -0.24V0.48a0.24 0.24 0 0 0 -0.48 0v0.96a0.24 0.24 0 0 0 0.24 0.24m-0.96 0a0.24 0.24 0 0 0 0.24 -0.24V0.48a0.24 0.24 0 0 0 -0.48 0v0.96a0.24 0.24 0 0 0 0.24 0.24" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
                @break
            @case(\App\Enums\OrderStatus::READY_FOR_PICKUP)
            @case(\App\Enums\OrderStatus::OUT_FOR_DELIVERY)
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
                </svg>
                @break
            @case(\App\Enums\OrderStatus::SERVED)
            @case(\App\Enums\OrderStatus::DELIVERED)
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                </svg>
                @break
            @case(\App\Enums\OrderStatus::CANCELLED)
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                </svg>
                @break
        @endswitch
    @endif
    {{ $label }}
</span>