src/Flexy/FrontBundle/templates/search/_sideBarFilter.html.twig line 1

Open in your IDE?
  1.                           
  2.                             <!--sidebar-categores-box start  -->
  3.                             <div class="sidebar-categores-box menu-item">
  4.                             <a href="{{path('front_filter')}}" class="btn-clear-all mb-sm-30 mb-xs-30">Effacer tout</a>
  5.                             <form action="{{path('front_filter')}}" method="GET" class="form-filter-sidebar">
  6.                                 
  7.                                 <!-- btn-clear-all start -->
  8.                                  {% set filters = null %}
  9.                                  {% set currentParamPriceMin = 0 %}
  10.                                  {% set currentParamPriceMax = 50000 %}
  11.                                  {% set currentBrand = "" %}
  12.                                 {% if app.request.get("filter") %}
  13.                                 {% set filters = app.request.get('filter') %}
  14.                                 {% set currentParamPriceMin = filters["price"]["min"] %}
  15.                                 {% set currentParamPriceMax = filters["price"]["max"] %}
  16.                                 {% set currentBrand = filters["brand"] %}
  17.                                 
  18.                                 {% endif %}
  19.                                 <!-- btn-clear-all end -->
  20.                                 <!-- filter-sub-area start -->
  21.                                 <div class="filter-sub-area pt-sm-10 pt-xs-10">
  22.                                     <h5 class="filter-sub-titel">Filtrer par prix</h5>
  23.                                     <div class="categori-checkbox">
  24.                                         
  25.                                             <ul>
  26.                                                 <li>
  27.                                                     <small>Prix</small>
  28.                                                     <div id="slider-range"></div>
  29.                                                     <div class="row" >
  30.                                                     <div class="col-6" >
  31.                                                     <input style="width:100% !important;" id="min_price" type="number" value="{{ currentParamPriceMin ? currentParamPriceMin : "0" }}" placeholder="Prix Min" required name="filter[price][min]">
  32.                                                     </div>
  33.                                                     <div class="col-6" >
  34.                                                     <input  style="width:100% !important;" id="max_price" type="number" value="{{ currentParamPriceMax ? currentParamPriceMax : "50000" }}"  placeholder="Prix Max"  required name="filter[price][max]">
  35.                                                     </div>
  36.                                                     </div>
  37.                                                     
  38.                                                 </li>
  39.                                                 <li>
  40.                                                      <div class="row" >
  41.                                                      <div class="col-12" >
  42.                                           {#<input  style="width:100% !important;" id="marque" type="text"  value="{{ currentBrand ? currentBrand : "" }}"    placeholder="Marques"   name="filter[brand]">#}
  43.                                              <select name="filter[brand]"  class="searchBrand" data-placeholder="Choisir une marque ..."   >
  44.                                                   <option value=""></option>
  45.                                             {% for brand in brands %}
  46.                                             {% set selected = '' %}
  47.                                             {% if (brand.name) == currentBrand %}
  48.                                                
  49.                                                  {%  set selected = 'selected' %}
  50.                                             {% endif %}
  51.                                         <option value="{{brand.name}}" {{ selected }}  >{{brand.name}}</option>
  52.                                             {% endfor %}
  53.                                               
  54.                                              </select>     
  55.                                                   
  56.                                                     </div>
  57.                                                     </div>
  58.                                                 </li>
  59.                                                
  60.                                             </ul>
  61.                                             <button type="filter" class="btn btn-success" > Filter </button>
  62.                                     </div>
  63.                                  </div>
  64.                                 <!-- filter-sub-area end -->
  65.                                 <!-- filter-sub-area start -->
  66.                                 <div class="filter-sub-area">
  67.                                     <h5 class="filter-sub-titel">Marques</h5>
  68.                                     <div class="categori-checkbox">
  69.                                             <ul>
  70.                                             {% for brand in brands %}
  71.                                             {% set currentParams = null %}
  72.                                             {% if "brand" in filters|keys %}
  73.                                                 {% set currentParams = filters["brand"] %}
  74.                                             {% endif %}
  75.                                                 <li><input type="checkbox" {% if brand.id in currentParams|keys %} checked {% endif %} name="filter[brand][{{brand.id}}]"><a href="#">{{brand.name}}</a></li>
  76.                                             {% endfor %}
  77.                                             </ul>
  78.                                             
  79.                                         
  80.                                     </div>
  81.                                  </div>
  82.                                 <!-- filter-sub-area end -->
  83.                                 <!-- filter-sub-area start -->
  84.                                 <div class="filter-sub-area pt-sm-10 pt-xs-10">
  85.                                     <h5 class="filter-sub-titel">Categories</h5>
  86.                                     <div class="categori-checkbox">
  87.                                         
  88.                                             <ul>
  89.                                                 <li><input type="checkbox" name="product-categori"><a href="#">TCL TV(s) (10)</a></li>
  90.                                                 <li><input type="checkbox" name="product-categori"><a href="#"> AccĂ©soires (6)</a></li>
  91.                                             </ul>
  92.                                     </div>
  93.                                  </div>
  94.                                 <!-- filter-sub-area end -->
  95.                                 {% for attribute in Attributes %}
  96.                                 <!-- filter-sub-area start -->
  97.                                 <div class="filter-sub-area pt-sm-10 pt-xs-10">
  98.                                     <h5 class="filter-sub-titel">{{attribute.name}}</h5>
  99.                                     <div class="size-checkbox">
  100.                                             <ul>
  101.                                                 {% for attributeValue in attribute.attributValues %}
  102.                                                 {% set currentParams = null %}
  103.                                                 {% if "attributValues" in filters|keys %}
  104.                                                     {% set currentParams = filters["attributValues"] %}
  105.                                                 {% endif %}
  106.                                                 <li><input type="checkbox"  {% if attributeValue.id in currentParams|keys %} checked {% endif %} name="filter[attributValues][{{attributeValue.id}}]"><a href="#">{{attributeValue.value}}</a></li>
  107.                                                 {% endfor %}
  108.                                             </ul>
  109.                                     </div>
  110.                                 </div>
  111.                                 <!-- filter-sub-area end -->
  112.                                 {% endfor %}
  113.                                 
  114.                                 </form>
  115.                                
  116.                             </div>
  117.                             <!--sidebar-categores-box end  -->
  118.                             <!-- category-sub-menu start -->
  119.                             <div class="sidebar-categores-box mb-sm-0 d-none">
  120.                                 <div class="sidebar-title">
  121.                                     <h2>PC Portable</h2>
  122.                                 </div>
  123.                                 <div class="category-tags">
  124.                                     <ul>
  125.                                         <li><a href="# ">Devita</a></li>
  126.                                         <li><a href="# ">Cameras</a></li>
  127.                                         <li><a href="# ">Sony</a></li>
  128.                                         <li><a href="# ">Computer</a></li>
  129.                                         <li><a href="# ">Big Sale</a></li>
  130.                                         <li><a href="# ">Accessories</a></li>
  131.                                     </ul>
  132.                                 </div>
  133.                                 <!-- category-sub-menu end -->
  134.                             </div>