@props(['name', 'label' => null, 'options' => [], 'value' => null, 'placeholder' => null, 'hint' => null])
@php($key = str_replace(['[', ']'], ['.', ''], $name)) {{-- errors and old input use dot keys --}}
@php($selected = (string) old($key, $value instanceof \BackedEnum ? $value->value : $value))
@php($id = $attributes->get('id', $name))
@php($groups = is_array(collect($options)->first()) ? $options : ['' => $options]) {{-- options can be grouped: group label => [value => label] --}}
<div>
    @if ($label)
        <label for="{{ $id }}" class="form-label">{{ $label }} @if ($attributes->get('required'))<span class="text-red-500">*</span>@endif</label>
    @endif
    <select name="{{ $name }}" id="{{ $id }}" {{ $attributes->except('id')->class(['form-control', '!border-red-500' => $errors->has($key)]) }}>
        @if ($placeholder !== null)<option value="">{{ $placeholder }}</option>@endif
        @foreach ($groups as $groupLabel => $groupOptions)
            @if ($groupLabel !== '')<optgroup label="{{ $groupLabel }}">@endif
            @foreach ($groupOptions as $optionValue => $optionLabel)
                <option value="{{ $optionValue }}" @selected($selected === (string) $optionValue)>{{ __($optionLabel) }}</option>
            @endforeach
            @if ($groupLabel !== '')</optgroup>@endif
        @endforeach
    </select>
    @if ($hint)<p class="mt-1.5 text-xs text-gray-500 dark:text-gray-400">{{ $hint }}</p>@endif
    @error($key)<p class="form-error">{{ $message }}</p>@enderror
</div>