@props([
    'status' => 'pending',
])

{{--
    StatusBadge — maps a status string to colour + icon (component.md / desain.md).
    Usage: <x-status-badge status="approved" />
--}}

@php
    $map = [
        'draft'      => ['label' => 'Draft',      'icon' => 'pencil-square',        'classes' => 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400'],
        'submitted'  => ['label' => 'Terkirim',   'icon' => 'arrow-up-tray',        'classes' => 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400'],
        'pending'    => ['label' => 'Pending',    'icon' => 'clock',                'classes' => 'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400'],
        'processing' => ['label' => 'Diproses',   'icon' => 'arrow-path',           'classes' => 'bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400'],
        'approved'   => ['label' => 'Disetujui',  'icon' => 'check-circle',         'classes' => 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'],
        'rejected'   => ['label' => 'Ditolak',    'icon' => 'x-circle',             'classes' => 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400'],
        'completed'  => ['label' => 'Selesai',    'icon' => 'check-badge',          'classes' => 'bg-teal-100 text-teal-700 dark:bg-teal-900/30 dark:text-teal-400'],
        'printed'    => ['label' => 'Dicetak',    'icon' => 'printer',              'classes' => 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400'],
    ];

    $s = $map[strtolower($status)] ?? $map['pending'];
@endphp

<span {{ $attributes->merge(['class' => 'badge ' . $s['classes']]) }}>
    <x-icon :name="$s['icon']" class="w-3 h-3" />
    {{ $s['label'] }}
</span>