@props(['name', 'label', 'options' => [], 'value' => null, 'help' => null])
{{-- $options: [value => label] --}}
@php $id = $attributes->get('id', $name); $error = $errors->first($name); $selected = (string) old($name, $value); @endphp
<div>
    <label for="{{ $id }}" class="block text-sm font-medium text-slate-700">{{ $label }}</label>
    <select id="{{ $id }}" name="{{ $name }}"
            {{ $attributes->except('id')->class([
                'mt-1.5 block w-full rounded-lg border bg-white py-2.5 pl-3 pr-9 text-sm text-slate-900 shadow-sm transition focus:outline-none focus:ring-4',
                'border-red-400 focus:border-red-500 focus:ring-red-500/15' => $error,
                'border-slate-300 hover:border-slate-400 focus:border-brand-500 focus:ring-brand-500/15' => ! $error,
            ]) }}
            @if ($error) aria-invalid="true" aria-describedby="{{ $id }}-error" @endif>
        @foreach ($options as $optionValue => $optionLabel)
            <option value="{{ $optionValue }}" @selected($selected === (string) $optionValue)>{{ $optionLabel }}</option>
        @endforeach
    </select>
    @if ($error)
        <p id="{{ $id }}-error" class="mt-1.5 text-sm text-red-600">{{ $error }}</p>
    @elseif ($help)
        <p class="mt-1.5 text-xs text-slate-500">{{ $help }}</p>
    @endif
</div>