<div class="dropdown filter-dropdown js-filter-dropdown form-group {{ styleModifier | default(null) }}"> <button class="form-control filter-dropdown__button" type="button" id="{{ id }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {% if iconType|default(false) %} <span class="filter-dropdown__button__icon icon icon-{{ iconType }}" aria-hidden="true"></span> {% endif %} {{ label|raw }} </button> <ul class="dropdown-menu js-filter-dropdown__menu filter-dropdown__menu" aria-labelledby="filterDropdown"> {% for key, option in options|default([]) %} <li class="filter-dropdown__menu-item {% if option["is-child"] is defined %} {{ option['is-child'] ? 'js-filter-dropdown__child is-child' : 'js-filter-dropdown__parent' }} {% endif %}" {% if option["is-child"] is defined %} data-item="{{ key }}" {% endif %}> <div class="filter-dropdown__checkbox"> <label> <input class="filter-dropdown__checkbox__input" type="checkbox" name="{{ option.name }}" id="{{ option.id }}" value="{{ option.value }}" {% if option.checked|default(false) %} checked {% endif %} > <span class="filter-dropdown__checkbox__text"> {{ option.label }} <span class="filter-dropdown__checkbox__box icon icon-checkmark"></span> </span> </label> </div> </li> {% endfor %} </ul></div>