<div class="ui segment sidebar-filter"> <div class="text-capitalize filtres_class">FILTRES <a class="btn btn-default customToggleBtn collapsed" style="position:absolute; right:0px;top: 10px;" data-toggle="collapse" href="#customDivWrapper" role="button" aria-expanded="false" aria-controls="customDivWrapper"> <i class="chevron down icon"></i> <i class="chevron up icon"></i> </a></div> <div class="collapsed collapse" id="customDivWrapper"> <form method="get" action="{{ path('sylius_shop_product_index', {'slug': app.request.attributes.get('slug')}) }}" class="ui loadable form loading"> <div class="ui stackable grid" id="searchbar"> <div class="column" id="searchbarTextField"> {% for filter in products.definition.enabledFilters %} {{ sylius_grid_render_filter(products, filter) }} {% endfor %} <div class="col d-block"> <a href="{{ path('sylius_shop_product_index', {'slug': app.request.attributes.get('slug')}) }}" class="clearFilterlink ui negative icon labeled" {{ sylius_test_html_attribute('clear') }}> {{ 'sylius.ui.clearList'|trans }} </a> </div> </div> <div class="right aligned column" id="searchbarButtons"> <div class="ui buttons"> <button type="submit" class="ui primary icon labeled button" {{ sylius_test_html_attribute('search') }}><i class="search icon"></i> {{ 'sylius.ui.search'|trans }}</button> <a href="{{ path('sylius_shop_product_index', {'slug': app.request.attributes.get('slug')}) }}" class="ui negative icon labeled button" {{ sylius_test_html_attribute('clear') }}> <i class="cancel icon"></i> {{ 'sylius.ui.clear'|trans }} </a> </div> </div> </div> </form> </div></div>