@props([
    'name',
    'id',
    'label' => '',
    'class' => '',
    'value' => '',
    'required' => false,
    'items' => [],
    'itemText' => '',
    'itemValue' => '',
    'textJoin' => '',
])

@php
    $className = 'form-control select2 w-50 ' . $class;
    $idName = $id ?? $name;
    $isRequired = $required ? 'required' : '';
@endphp
<div class="form-group">
    @if (isset($label) && $label != '')
        <label for="{{ $name }}" id='{{ "lbl-$name" }}' for="{{ $name }}" class="form-label">
            {{ $label }}
        </label>
    @endif

    <select class="form-select" id="{{ $idName }}" name="{{ $name }}" data-choices {{ $attributes }}>
        <option value="">-- Select --</option>
        @foreach ($items as $item)
            <option value="{{ $item[$itemValue] }}" @if ($item[$itemValue] == $value) selected @endif>
                @if (isset($item[$textJoin]))
                    {{ $item[$textJoin] }} -
                @endif
                {{ $item[$itemText] }}
            </option>
        @endforeach
    </select>
    <div class="invalid-feedback d-block invalid-msg"> </div>
</div>


<style>
    .choices {
        margin-bottom: 0px !important;
    }
</style>