{% block widget_locator_attributes %}
    {% if aAttributes %}
        <div class="row">
            <div class="col-12">
                <div id="c4s-attributes-filter" class="c4s-attributes-filter">
                    <form id="c4s-attributes-filter-form" method="post" action="{{ oViewConf.getSelfActionLink()|raw }}" name="_filterlist">
                        {{ oViewConf.getHiddenSid()|raw }}
                        {{ oViewConf.getNavFormParams()|raw }}
                        <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName() }}">
                        <input type="hidden" name="tpl" value="{{ oViewConf.getActTplName() }}">
                        <input type="hidden" name="oxloadid" value="{{ oViewConf.getActContentLoadId() }}">
                        <input type="hidden" name="fnc" value="executefilter">
                        <input type="hidden" name="fname" value="">

                        {% block widget_locator_attributes_filter %}
                            {# {% if oView.getClassKey() == "alist" %} #}
                                {# <strong>{{ translate({ ident: "LISTLOCATOR_FILTER_ATTRIBUTES" }) }}</strong> #}
                            {# {% endif %} #}
                            {% for sAttrId, oAttribute in aAttributes %}
                                {% block widget_locator_attributes_filter_option %}
                                    {% set sActiveValue = oAttribute.getActiveValue() %}
                                    <div class="btn-group bootstrap-select" role="group">
                                        <select name="attrfilter[{{ sAttrId }}]" class="form-select selectpicker" {% if oAttribute.getValues()|length >= 8 %}data-live-search="true"{% endif %} onchange="this.form.submit()">
                                            <option data-selection-id="" href="#" value="">{{ oAttribute.getTitle() }}: {{ translate({ ident: "C4S_RESET_FILTER" }) }}</option>
                                            {% for sValue in oAttribute.getValues() %}
                                                <option data-selection-id="{{ sValue }}" href="#" {% if sActiveValue == sValue %}selected{% endif %}>{{ sValue }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                {% endblock %}
                            {% endfor %}
                            {# <div class="clearfix"></div> #}
                        {% endblock %}
                    </form>
                    <form id="c4s-attributes-filter-reset-form" method="post" action="{{ oViewConf.getSelfActionLink()|raw }}" name="_filterlist">
                        {{ oViewConf.getHiddenSid()|raw }}
                        {{ oViewConf.getNavFormParams()|raw }}
                        <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName() }}">
                        <input type="hidden" name="attrfilter[]" value="">
                        <input type="hidden" name="tpl" value="{{ oViewConf.getActTplName() }}">
                        <input type="hidden" name="oxloadid" value="{{ oViewConf.getActContentLoadId() }}">
                        <input type="hidden" name="fnc" value="executefilter">
                        <input type="hidden" name="fname" value="">
                        <input type="hidden" name="reset" value="submit">

                        {# reset filter button #}
                        <div class="c4s-attributes-filter-reset" role="group">
                            <button class="btn btn-sm btn-link c4s-attributes-filter-reset-btn"
                                    type="submit"
                                    aria-label="{{ translate({ ident: "C4S_CATEGORY_ATTR_FILTER_RESET" }) }}"
                                    {# data-bs-toggle="tooltip" #}
                                    {# data-bs-trigger="hover" #}
                                    {# data-bs-container="body" #}
                                    {# data-bs-html="true" > #}
                            >
                                <i class="fa-solid fa-arrows-rotate fa-flip-horizontal"></i>
                                <span>{{ translate({ ident: "C4S_CATEGORY_ATTR_FILTER_RESET" }) }}</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}