@props([
    'name' => '',
    'label' => $name ?? '',
    'required' => false,
    'options' => [],
    'selected' => null,
    'useLabel' => true,
    'useFilter' => true,
    'canClear' => false,
    'multiple' => false,
    'container' => null,
    'tags' => false,
    'placeholder' => __('general.select'),
])

@if (!empty($name))
    <div class="form-floating mb-2">
        <select
            {{ $attributes->class(['form-select', 'is-invalid' => $errors->has($name)]) }}
            id="select-{{ Str::slug($name) }}"
            name="{{ $multiple ? $name . '[]' : $name }}"
            style="width: 100%;"
            @if($multiple) multiple @endif
            @if(!$useFilter) data-minimum-results-for-search="Infinity" @endif
        >
            @if($canClear || !$multiple)
                <option value="" @if(empty(old($name, $selected)) && !$multiple) selected @endif disabled hidden>
                    {{ $placeholder }}
                </option>
            @endif
            @php
                $oldValue = old($name, $selected ?? ($multiple ? [] : null));
                $selectedValues = $multiple
                    ? (is_array($oldValue) ? $oldValue : (is_null($oldValue) ? [] : [$oldValue]))
                    : $oldValue;
            @endphp
            @foreach($options as $value => $text)
                <option value="{{ $value }}"
                    @if($multiple)
                        @if(in_array($value, $selectedValues)) selected @endif
                    @else
                        @if($value == $selectedValues) selected @endif
                    @endif
                >{{ $text }}</option>
            @endforeach
        </select>
        @if($useLabel)
            <label class="form-label" for="{{ $name }}">
                {{ $label }}
                @if($required)
                    <span class="text-danger">*</span>
                @endif
            </label>
        @endif
        @error($name)
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>
@endif

@push('scripts')
    <script type="module">
        const dropdownParent = '{{ $container }}' || $(document.body);

        $(function () {
            $('#select-{{ Str::slug($name) }}').select2({
                placeholder: '{{ $placeholder }}',
                allowClear: @json($canClear),
                dropdownParent: dropdownParent,
                escapeMarkup: m => m,
                tags: @json($tags),
                @if(!$multiple)
                minimumResultsForSearch: @json($useFilter ? 0 : Infinity),
                @endif
            });
        });
    </script>
@endpush