@props([
    'selected' => '',
    'selectClass' => 'h-10 rounded-lg border border-slate-200 bg-white px-3 text-sm text-slate-700 shadow-sm',
    'labelClass' => 'mb-1 block text-[11px] font-semibold uppercase text-slate-500',
    'autoSubmit' => true,
    'name' => 'status',
])

@php
    $options = \App\Support\Collections\Registers\CollectionRegisterStatusFilter::options();
    $selected = \App\Support\Collections\Registers\CollectionRegisterStatusFilter::normalize(is_string($selected) ? $selected : '');
@endphp

<div {{ $attributes }}>
    <label class="{{ $labelClass }}" for="register-status-filter">Status</label>
    <select
        id="register-status-filter"
        name="{{ $name }}"
        @if ($autoSubmit) onchange="window.matchMedia('(min-width:768px)').matches && this.form.requestSubmit()" @endif
        class="{{ $selectClass }}"
    >
        <option value="">All statuses</option>
        @foreach ($options as $value => $label)
            <option value="{{ $value }}" @selected($selected === $value)>{{ $label }}</option>
        @endforeach
    </select>
</div>