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

@php
    $id = $attributes->get('id', $name);
    $current = old($name, $value);
    $error = $errors->first($name);
@endphp

<div {{ $attributes->only('class') }}>
    @if ($label)
        <label for="{{ $id }}" class="form-label">
            {{ $label }}@if ($required)<span class="text-error" aria-hidden="true">*</span>@endif
        </label>
    @endif

    <select id="{{ $id }}" name="{{ $name }}"
            @required($required) @if ($error) aria-invalid="true" aria-describedby="{{ $id }}-error" @endif
            {{ $attributes->except('class')->merge(['class' => 'form-input'.($error ? ' border-error' : '')]) }}>

        @if ($placeholder !== false)
            <option value="">{{ $placeholder }}</option>
        @endif

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

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

    @if ($error)
        <p id="{{ $id }}-error" class="form-error">{{ $error }}</p>
    @endif
</div>