@if (isset($label))
    <div class="flex items-center gap-1 mt-2">
        <label for="{{ $id ?? $name }}" class="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-400">{{ $label }}@if(isset($optional)) ({{ __('global.optional') }})@endif</label>
        @if (isset($help))
            <span class="hs-tooltip inline-block">
                {{-- aria-label carries the hint: an icon-only button is nameless to a screen reader --}}
                <button type="button" class="hs-tooltip-toggle" aria-label="{{ $help }}">
                    <i class="bi bi-info-circle-fill text-gray-500 dark:text-gray-400" aria-hidden="true"></i>
                    <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 transition-opacity inline-block absolute invisible z-10 py-1 px-2 bg-gray-900 text-white" role="tooltip">
                        {{ $help }}
                    </span>
                </button>
            </span>
        @endif
    </div>
@endif
<div class="mt-2">
    @php $__selected = old($name, $value ?? null); @endphp
    <select name="{{ $name }}" id="{{ $id ?? $name }}" class="input-text" @foreach($attributes ?? [] as $k => $v) {{ $k }}="{{ $v }}"@endforeach >
        @foreach($options as $_value => $option)
            <option value="{{ $_value }}"{{ is_scalar($__selected) && (string) $__selected === (string) $_value ? ' selected' : '' }} @foreach($options_attributes[$_value] ?? [] as $k => $v) {{ $k }}="{{ $v }}"@endforeach >{{ $option }}</option>
        @endforeach
    </select>
    @error($name)
    <span class="mt-2 text-sm text-red-500">
            {{ $message }}
        </span>
    @enderror
</div>