@props([
    'detail' => [],
    'index' => ':index',
    'name' => 'field_name',
    'relation' => 'details',
    'options' => [],
    'useFilter' => true,
    'selected' => !empty($detail[$name]) ? $detail[$name] : null,
    'template' => empty($detail) ? 'data-template-' : '',
    'width' => '200px',
    'label' => '',
    'multiple' => false,
])
<div style="min-width: {{ $width }}">
    <select {{ $attributes->class(['is-invalid' => $errors->has($name)]) }} {{ $template }}id="{{ $relation }}-{{ Str::slug($name) . $index }}" {{ $template }}name="{{ $relation }}[{{ $index }}][{{ $name }}]{{ $multiple ? '[]' : '' }}" @if(!$useFilter) data-minimum-results-for-search="Infinity" @endif data-index="{{ $index }}" {{ $multiple ? 'multiple' : '' }} style="width: 100%" >
        @foreach($options as $key => $value)
            @if($multiple)
                <option value="{{ $key }}" {{ in_array($key, $selected ?? [])  ? 'selected' : '' }}>{{ $value }}</option>
            @else
                <option value="{{ $key }}" {{ $key == $selected ? 'selected' : '' }}>{{ $value }}</option>
            @endif
        @endforeach
    </select>
    @if(!empty($label))
        <label class="form-label select-label">{{ $label }}</label>
    @endif
</div>