@props([
    'name',
    'label' => null,
    'options' => [],
    'value' => null,
    'placeholder' => 'Select…',
    'hint' => null,
    'required' => false,
    'grouped' => false,
])

@php
    $id = $attributes->get('id') ?? $name;
    $hasError = $errors->has($name);
    $selected = old($name, $value);
    $selectClass = 'hms-input pr-10'.($hasError ? ' border-red-400 focus:border-red-500 focus:ring-red-500' : '');
@endphp

<div>
    @if ($label)
        <label for="{{ $id }}" class="hms-label">
            {{ $label }}@if ($required)<span class="ml-0.5 text-red-500">*</span>@endif
        </label>
    @endif

    <select id="{{ $id }}" name="{{ $name }}" @if ($required) required @endif
            {{ $attributes->except(['id'])->merge(['class' => $selectClass]) }}>
        @if ($placeholder !== false && ! $required)
            <option value="">{{ $placeholder }}</option>
        @endif

        @foreach ($options as $key => $option)
            @if ($grouped && is_array($option))
                <optgroup label="{{ $key }}">
                    @foreach ($option as $groupKey => $groupLabel)
                        <option value="{{ $groupKey }}" @selected((string) $selected === (string) $groupKey)>{{ $groupLabel }}</option>
                    @endforeach
                </optgroup>
            @else
                <option value="{{ $key }}" @selected((string) $selected === (string) $key)>{{ $option }}</option>
            @endif
        @endforeach

        {{ $slot ?? '' }}
    </select>

    @if ($hint && ! $hasError)
        <p class="hms-hint">{{ $hint }}</p>
    @endif

    @error($name)
        <p class="hms-error">{{ $message }}</p>
    @enderror
</div>