@php
    $theme = $component->getTheme();
@endphp

@if ($theme === 'bootstrap-4' || $theme === 'bootstrap-5')
    <div>
        <select {{ $multiple ?? false ? 'multiple' : '' }} data-select2-id="{{ get_uniq_id() }}"
            wire:model.stop="{{ $component->getTableName() }}.filters.{{ $filter->getKey() }}"
            wire:key="{{ $component->getTableName() }}-filter-{{ $filter->getKey() }}"
            id="{{ $component->getTableName() }}-filter-{{ $filter->getKey() }}" class="select2-livewire-tables">
            @foreach ($filter->getOptions() as $key => $value)
                @if (is_iterable($value))
                    <optgroup label="{{ $key }}">
                        @foreach ($value as $optionKey => $optionValue)
                            <option value="{{ $optionKey }}">{{ $optionValue }}</option>
                        @endforeach
                    </optgroup>
                @else
                    <option value="{{ $key }}">{{ $value }}</option>
                @endif
            @endforeach
        </select>
    </div>
@endif