@props([
    'name',
    'id' => null,
    'label',
    'options' => [],
    'selected' => null,
    'required' => false,
    'placeholder' => '— Select —',
    'class' => 'mt-1 block w-full rounded-md border-gray-300 bg-white text-slate-900 shadow-sm focus:border-indigo-500 focus:ring-indigo-500',
    'allowEmpty' => true,
    'purposeTarget' => null,
])

@php
    $fieldId = $id ?? $name;
    $selectedValue = old($name, $selected);
@endphp

<div>
    <x-input-label :for="$fieldId" :value="$label" :required="$required" />
    @if (count($options) === 0)
        <p class="mt-1 text-sm text-amber-800 rounded-md border border-amber-200 bg-amber-50 px-3 py-2">No standard options configured. Contact an administrator or use free text where available.</p>
    @endif
    <select
        id="{{ $fieldId }}"
        name="{{ $name }}"
        @if ($required) required @endif
        @if (count($options) === 0) disabled @endif
        class="{{ $class }}"
        @if ($purposeTarget) data-purpose-target="{{ $purposeTarget }}" @endif
    >
        @if ($allowEmpty)
            <option value="">{{ $placeholder }}</option>
        @endif
        @foreach ($options as $code => $optionLabel)
            <option value="{{ $code }}" @selected((string) $selectedValue === (string) $code)>{{ $optionLabel }}</option>
        @endforeach
    </select>
    <x-input-error class="mt-2" :messages="$errors->get($name)" />
</div>