@props([
    'name',
    'options' => null,
    'label' => '',
    'class' => '',
    'selected' => null,
    'multiple' => null,
    'errorName' => null,
    'placeholder' => null,
    'optionKey' => 'id',
    'optionName' => 'name',
    'buttonId' => '',
    'buttonOnclick' => null,
    'buttonDataHref' => null,
    'star' => false,
])
@php
    $errorName ??= dotted_string($name);
    $splitAttributes = implode(' ', explode(' ', $attributes));
    $invalidClass = $errors->has($errorName) ? 'is-invalid' : '';
    $defaultPlaceHolder = $placeholder ?? __('Select') . ' ' . $label;
    $class = "{$invalidClass} form-control {$class}";
    $splitAttributes .= $multiple === true ? '$multiple' : false;
    $splitAttributes .= 'data-control=select2';
    $selected = $selected ?? (isset($model) ? old($name, $model->{$name}) : old($name));
@endphp
<div class="col-sm-12">
    <label class="col-sm-12 col-form-label text-start {{ $errors->has(dotted_string($name)) ? 'text-danger' : '' }}">
        {{ $label }}
        @if ($star)
            <i class="fa fa-asterisk fa-xs errorMessage" aria-hidden="true"></i>
        @endif
    </label>
    <div class="input-group flex-nowrap">
        <div class="overflow-hidden flex-grow-1">
            <select data-hide-search="false" {!! $splitAttributes !!} data-placeholder="{{ $defaultPlaceHolder }}"
                name="{{ $name }}" class="{{ $class }}">
                <option></option>
                @if (is_array($options))
                    @foreach ($options as $key => $row)
                        <option {{ $selected == $key ? 'selected' : '' }} value="{{ $key }}">
                            {{ $row }}
                        </option>
                    @endforeach
                @else
                    @foreach ($options ?? [] as $row)
                        <option {{ $selected == $row->{$option_id} ? 'selected' : '' }}
                            value="{{ $row->{$option_id} }}">
                            {{ $row->{$optionName} }}
                        </option>
                    @endforeach
                @endif
            </select> @error($errorName)
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
        <button type="button" id="{{ $buttonId }}" class="input-group-text"
            style="background-color: var(--secondary-color);" onclick="{{ $buttonOnclick }}"
            data-href="{{ $buttonDataHref }}">
            <b><i class="fas fa-plus" style="color:white;"></i></b>
        </button>
    </div>
</div>