@aware(['component'])

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

@if ($theme === 'tailwind')
@elseif ($theme === 'bootstrap-4' || $theme === 'bootstrap-5')
    @if ($component->filterSection)
        <div wire:key="my-dropdown-button-section-{{ $component->getTableName() }}">
            <select wire:change="changeSection($event.target.value)" class="form-control">
                @foreach ($component->sections as $k => $v)
                    <option wire:key="option-section-{{ $k }}"
                        {{ $component->section_id == $k ? 'selected' : '' }} value="{{ $k }}">
                        {{ $v }}</option>
                @endforeach
            </select>
        </div>
    @endif
    @if ($component->filterMatch)
        <div wire:key="my-dropdown-button-match-{{ $component->getTableName() }}">
            <select wire:change="changeMatch($event.target.value)" class="form-control">
                @foreach ($component->optionsMatch as $k => $v)
                    <option wire:key="option-match-{{ $k }}"
                        {{ $component->matchValue == $k ? 'selected' : '' }} value="{{ $k }}">
                        {{ $v }}</option>
                @endforeach
            </select>
        </div>
    @endif
@endif