@props([
    'model',
    'id',
    'status',
    'route' => 'admin.status.update',
    'statuses' => ['active' => 'Active', 'inactive' => 'Inactive'],
])

@php
    $statusClass = match(strtolower($status)) {
        'active' => 'active-badge text-white',
        'inactive' => 'bg-danger text-white',
        default => 'bg-secondary text-white'
    };
@endphp

<div class="btn-group">
    <button type="button" class="dropdown-toggle {{ $statusClass }} px-3 py-1 rounded" data-bs-toggle="dropdown" aria-expanded="false">
        {{ ucfirst($status) }}
    </button>
    <ul class="dropdown-menu">
        @foreach($statuses as $key => $label)
            <li>
                <form action="{{ route($route) }}" method="POST">
                    @csrf
                    <input type="hidden" name="model" value="{{ $model }}">
                    <input type="hidden" name="id" value="{{ $id }}">
                    <input type="hidden" name="status" value="{{ $key }}">
                    <button type="submit" class="dropdown-item">
                        {{ $label }}
                    </button>
                </form>
            </li>
        @endforeach
    </ul>
</div>