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

<div class="mb-3">
    <label for="{{ $name }}" class="form-label">{{ $label }}</label>
    <select class="form-select @error($name) is-invalid @enderror"
            id="{{ $name }}" 
            name="{{ $name }}"
            {{ $required ? 'required' : '' }}>
        <option value="">-- Select --</option>
        @foreach($options as $value => $labelOption)
            <option value="{{ $value }}" {{ old($name, $selected) == $value ? 'selected' : '' }}>
                {{ $labelOption }}
            </option>
        @endforeach
    </select>
    @error($name)
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
    @enderror
</div>