@props([
    'name',
    'label',
    'options' => [],
    'placeholder' => 'Select an option',
    'required' => false,
])

@php
    $fieldId = $attributes->get('id', $name);
    $selected = old($name);
@endphp

<div class="vpm-field-select">
    <label class="vpm-field-select__label" for="{{ $fieldId }}">{{ $label }}</label>

    <select
        id="{{ $fieldId }}"
        name="{{ $name }}"
        class="vpm-field-select__control{{ $errors->has($name) ? ' vpm-field-select__control--error' : '' }}"
        @if ($required) required @endif
        {{ $attributes->except(['class', 'id']) }}
    >
        <option value="" disabled @selected(! filled($selected))>{{ $placeholder }}</option>
        @foreach ($options as $optionValue => $optionLabel)
            @php
                if (is_int($optionValue)) {
                    $optionValue = $optionLabel;
                }
            @endphp
            <option value="{{ $optionValue }}" @selected($selected === (string) $optionValue)>
                {{ $optionLabel }}
            </option>
        @endforeach
    </select>

    @error($name)
        <span class="vpm-field__error" role="alert">{{ $message }}</span>
    @enderror
</div>