@props([
    'field' => null,
    'name' => null,
    'value' => null,
    'optionValues' => [],
    'optionNames' => [],
    'allowClear' => false,
    'required' => false  
])

<div class="my-2 col-md-6 mb-md-2">
    <label class="form-label" for="{{ $field }}">
        {{ strtoupper($field) }} @if($required)<span class="text-danger">*</span>@endif
    </label>

    <select id="{{ $name ?? $field }}" name="{{ $name ??  $field }}" class="form-select select2" data-allow-clear="{{ $allowClear }}" @required($required)>
        <option value=""></option>

        @for ($i = 0; $i < count($optionValues); $i++)
            <option 
                value="{{ $optionValues[$i] }}" 
                @if (old($name ?? $field, $value) == $optionValues[$i]) selected="selected" @endif>
                {{ $optionNames[$i] }}
            </option>
        @endfor
    </select>

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