{% set options = {
labelText: 'Поле',
dropdownIdPrefix: 'field',
allItemsButtonText: 'Все значения',
itemsHtml: '',
multipleSelect: true,
}|merge(options|default({})) %}
{# set selected value #}
<div class="dropdown-filter">
<label class="form-label">{{ options.labelText }}:</label>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="{{ options.dropdownIdPrefix }}Dropdown"
data-toggle="dropdown" aria-expanded="false" data-multiple="{{ options.multipleSelect ? 'true' : 'false' }}">
{{ options.allItemsButtonText }}
</button>
<div class="dropdown-menu" aria-labelledby="{{ options.dropdownIdPrefix }}Dropdown">
<a class="dropdown-item" href="#" data-filter="all">{{ options.allItemsButtonText }}</a>
<div class="dropdown-divider"></div>
{{ options.itemsHtml|raw }}
<!-- Dynamic items will be added here -->
</div>
{# <span id="filterBadge" class="badge bg-info filter-badge d-none"></span> #}
</div>
</div>