<!--sidebar-categores-box start --> <div class="sidebar-categores-box menu-item"> <a href="{{path('front_filter')}}" class="btn-clear-all mb-sm-30 mb-xs-30">Effacer tout</a> <form action="{{path('front_filter')}}" method="GET" class="form-filter-sidebar"> <!-- btn-clear-all start --> {% set filters = null %} {% set currentParamPriceMin = 0 %} {% set currentParamPriceMax = 50000 %} {% set currentBrand = "" %} {% if app.request.get("filter") %} {% set filters = app.request.get('filter') %} {% set currentParamPriceMin = filters["price"]["min"] %} {% set currentParamPriceMax = filters["price"]["max"] %} {% set currentBrand = filters["brand"] %} {% endif %} <!-- btn-clear-all end --> <!-- filter-sub-area start --> <div class="filter-sub-area pt-sm-10 pt-xs-10"> <h5 class="filter-sub-titel">Filtrer par prix</h5> <div class="categori-checkbox"> <ul> <li> <small>Prix</small> <div id="slider-range"></div> <div class="row" > <div class="col-6" > <input style="width:100% !important;" id="min_price" type="number" value="{{ currentParamPriceMin ? currentParamPriceMin : "0" }}" placeholder="Prix Min" required name="filter[price][min]"> </div> <div class="col-6" > <input style="width:100% !important;" id="max_price" type="number" value="{{ currentParamPriceMax ? currentParamPriceMax : "50000" }}" placeholder="Prix Max" required name="filter[price][max]"> </div> </div> </li> <li> <div class="row" > <div class="col-12" > {#<input style="width:100% !important;" id="marque" type="text" value="{{ currentBrand ? currentBrand : "" }}" placeholder="Marques" name="filter[brand]">#} <select name="filter[brand]" class="searchBrand" data-placeholder="Choisir une marque ..." > <option value=""></option> {% for brand in brands %} {% set selected = '' %} {% if (brand.name) == currentBrand %} {% set selected = 'selected' %} {% endif %} <option value="{{brand.name}}" {{ selected }} >{{brand.name}}</option> {% endfor %} </select> </div> </div> </li> </ul> <button type="filter" class="btn btn-success" > Filter </button> </div> </div> <!-- filter-sub-area end --> <!-- filter-sub-area start --> <div class="filter-sub-area"> <h5 class="filter-sub-titel">Marques</h5> <div class="categori-checkbox"> <ul> {% for brand in brands %} {% set currentParams = null %} {% if "brand" in filters|keys %} {% set currentParams = filters["brand"] %} {% endif %} <li><input type="checkbox" {% if brand.id in currentParams|keys %} checked {% endif %} name="filter[brand][{{brand.id}}]"><a href="#">{{brand.name}}</a></li> {% endfor %} </ul> </div> </div> <!-- filter-sub-area end --> <!-- filter-sub-area start --> <div class="filter-sub-area pt-sm-10 pt-xs-10"> <h5 class="filter-sub-titel">Categories</h5> <div class="categori-checkbox"> <ul> <li><input type="checkbox" name="product-categori"><a href="#">TCL TV(s) (10)</a></li> <li><input type="checkbox" name="product-categori"><a href="#"> Accésoires (6)</a></li> </ul> </div> </div> <!-- filter-sub-area end --> {% for attribute in Attributes %} <!-- filter-sub-area start --> <div class="filter-sub-area pt-sm-10 pt-xs-10"> <h5 class="filter-sub-titel">{{attribute.name}}</h5> <div class="size-checkbox"> <ul> {% for attributeValue in attribute.attributValues %} {% set currentParams = null %} {% if "attributValues" in filters|keys %} {% set currentParams = filters["attributValues"] %} {% endif %} <li><input type="checkbox" {% if attributeValue.id in currentParams|keys %} checked {% endif %} name="filter[attributValues][{{attributeValue.id}}]"><a href="#">{{attributeValue.value}}</a></li> {% endfor %} </ul> </div> </div> <!-- filter-sub-area end --> {% endfor %} </form> </div> <!--sidebar-categores-box end --> <!-- category-sub-menu start --> <div class="sidebar-categores-box mb-sm-0 d-none"> <div class="sidebar-title"> <h2>PC Portable</h2> </div> <div class="category-tags"> <ul> <li><a href="# ">Devita</a></li> <li><a href="# ">Cameras</a></li> <li><a href="# ">Sony</a></li> <li><a href="# ">Computer</a></li> <li><a href="# ">Big Sale</a></li> <li><a href="# ">Accessories</a></li> </ul> </div> <!-- category-sub-menu end --> </div>