@props([
    'name',
    'label' => null,
    'options' => [],
    'value' => null,
    'placeholder' => null,
    'help' => null,
    'required' => false,
    'disabled' => false,
    'multiple' => false,
    'id' => null,
])

@php
    $id = $id ?? 'field-' . str_replace(['[', ']', '.'], '-', $name);
    $hasError = $errors->has($name);
    $val = old($name, $value);
    $classes = 'form-select' . ($hasError ? ' is-invalid' : '');
    $nameAttr = $multiple ? $name . '[]' : $name;
@endphp

<div {{ $attributes->except(['class'])->merge(['class' => 'form-field ' . $attributes->get('class', '')]) }}>
    @if($label)
        <label for="{{ $id }}" class="form-label">
            {{ $label }} @if($required)<span class="form-label__required" aria-hidden="true">*</span>@endif
        </label>
    @endif
    <select
        name="{{ $nameAttr }}"
        id="{{ $id }}"
        class="{{ $classes }}"
        @if($required) required @endif
        @if($disabled) disabled @endif
        @if($multiple) multiple @endif
    >
        @if($placeholder && ! $multiple)
            <option value="">{{ $placeholder }}</option>
        @endif
        @foreach($options as $key => $labelText)
            @php
                $selected = $multiple
                    ? in_array((string)$key, (array) $val, true)
                    : (string) $val === (string) $key;
            @endphp
            <option value="{{ $key }}" @selected($selected)>{{ $labelText }}</option>
        @endforeach
    </select>
    @if($help && ! $hasError)
        <small class="form-text">{{ $help }}</small>
    @endif
    @error($name)
        <div class="invalid-feedback d-block">{{ $message }}</div>
    @enderror
</div>