<li class="filter-wrapper" id="{{ 'filter-' ~ filter.code }}">
    <div class="collapse-wrapper">
        <button class="collapse-header title-label active" type="button" data-collapse="collapse-{{ 'filter-' ~ filter.code }}">
            {{ filter.label | trans }}
        </button>

        <div id="collapse-{{ 'filter-' ~ filter.code }}" class="collapse-panel active">
            <div class="collapse-body filter-price-wrapper">
                {% for value in filter.values %}
                    {% set valueType = filter.valueType(value.label) %}
                    {% set inputValue = value.isApplied ? value.value : '' %}
                    {% set placeholderValue = value.isApplied ? filter.defaultValue(valueType) : value.value %}

                    <label for="{{ 'filter-' ~ filter.code ~ '-' ~ valueType}}">
                        {{ value.label | trans }}
                        <div class="input-group">
                            <input type="number" class="form-control"
                                   aria-label="{{ value.label | trans }}"
                                   id="{{ 'filter-' ~ filter.code ~ '-' ~ valueType}}"
                                   name="{{ filter.code ~ '[' ~ valueType ~ ']'}}"
                                   placeholder="{{ placeholderValue }}"
                                   value="{{ inputValue }}">
                            <div class="input-group-append">
                                <span class="input-group-text">{{ currencySymbol }}</span>
                            </div>
                        </div>
                    </label>
                {% endfor %}
            </div>
        </div>
    </div>
</li>
