@props([
    'name' => null,
    'field' => null,
    'optionValues' => [],
    'optionNames' => [],
    'value' => [],
    'required' => false
])
<div class="my-2 col-md-6">
    <label class="form-label" for="{{ $field }}">
        {{ strtoupper($field) }}
    </label>
    <select @required($required) multiple name="{{ $name ??  $field }}" class="form-select select2" data-allow-clear="true">
        @for ($i = 0; $i < count($optionValues); $i++)
            <option value="{{ $optionValues[$i] }}"
            @if (old($field))
            {{ (in_array($optionValues[$i], old($field)) ? "selected":"") }}
            @selected(in_array($optionValues[$i], $value))
            @endif
            >{{ $optionNames[$i] }}</option>
        @endfor
    </select>
    @error($field)
    <div class="alert alert-danger">{{ $message }}</div>
    @enderror
</div>