@props([
    'name',
    'label',
    'options' => [],
    'placeholder' => null,
    'required' => false,
    'default' => null,
    'hint' => null,
])

@php($selected = old($name, $default))

<div class="field {{ $errors->has($name) ? 'has-error' : '' }}">
    <label for="{{ $name }}" class="field-label">
        {{ $label }}
        @if($required)<span class="req">*</span>@endif
    </label>

    <select name="{{ $name }}" id="{{ $name }}" {{ $attributes->merge(['class' => 'field-select']) }}>
        @if($placeholder)
            <option value="" disabled {{ $selected ? '' : 'selected' }}>{{ $placeholder }}</option>
        @endif

        @foreach($options as $value => $optionLabel)
            <option value="{{ $value }}" {{ (string) $selected === (string) $value ? 'selected' : '' }}>
                {{ $optionLabel }}
            </option>
        @endforeach
    </select>

    @if($hint)
        <p class="field-hint">{{ $hint }}</p>
    @endif

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