templates/front/inc/filter_sidebar.html.twig line 1

Open in your IDE?
  1. <div class="col-xl-4 col-lg-4 col-md-5 col-sm-12 col-12">
  2.     <div class="filter-form">
  4.         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  5.             <h3 class="widget-title">Filtrer</h3>
  6.         </div>
  7.         <div class="st-tab">
  8.             <ul class="nav nav-pills col-md-12 p-0 m-0" id="pills-tab" role="tablist">
  9.                 <li class="nav-item col-md-6 p-0">
  10.                     <a class="nav-link {% if app.session.get('type') == 'service' or (app.session.get('type') != 'service' and app.session.get('type') != 'product') %}active{% endif%} text-center p-1" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Prestation de services</a>
  11.                 </li>
  12.                 <li class="nav-item col-md-6 p-0">
  13.                     <a class="nav-link {% if app.session.get('type') == 'product' %}active{% endif%} text-center p-1" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Achat<br>
  14.                         d'articles</a>
  15.                 </li>
  16.             </ul>
  17.             <div class="tab-content p-3 pt-4" id="myTabContent">
  18.                 <div class="tab-pane {% if app.session.get('type') == 'service' or (app.session.get('type') != 'service' and app.session.get('type') != 'product') %}show active{% else %} fade{% endif %}" id="home" role="tabpanel" aria-labelledby="home-tab">
  19.                     <form class="form-row" method="post" action="{{ path('front_product_search') }}">
  20.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  21.                             <div class="row">
  22.                                 <div class="col-md-12">
  23.                                     <div class="form-group">
  24.                                         <input id="keyword" name="keyword" autocomplete="off" {% if app.session.get('keyword') %} value="{{ app.session.get('keyword') }}" {% endif %} type="text" placeholder="Mots-clés" class="form-control">
  25.                                     </div>
  26.                                 </div>
  27.                             </div>
  28.                         </div>
  29.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-3">
  30.                             <select class="form-control select2" style="width: 100%;padding:5px 14px;height:50px!important" name="department_filter">
  31.                                 <option value="">Département</option>
  32.                                 {% for department in filter_service.getDepartments %}
  33.                                     <option value="{{ department.id }}" {% if app.session.get('department') == department.id %} selected {% endif %}>{{ department.numero }}
  34.                                         -
  35.                                         {{ department.name }}</option>
  36.                                 {% endfor %}
  37.                             </select>
  38.                         </div>
  39.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-3">
  40.                             <select class="form-control select2" id="communeSelect" style="width: 100%;padding:5px 14px;height:50px!important" name="city_filter">
  41.                                 <option value="">Commune</option>
  42.                             </select>
  43.                         </div>
  44.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  45.                             <div class="row">
  46.                                 <div class="col-md-6">
  47.                                     <select class="wide" name="minprice_filter">
  48.                                         <option value="">Prix min.</option>
  49.                                         <option value="30" {% if app.session.get('min_price') == '30' %} selected {% endif %}>30 €</option>
  50.                                         <option value="100" {% if app.session.get('min_price') == '100' %} selected {% endif %}>100 €</option>
  51.                                         <option value="200" {% if app.session.get('min_price') == '200' %} selected {% endif %}>200 €</option>
  52.                                         <option value="300" {% if app.session.get('min_price') == '300' %} selected {% endif %}>300 €</option>
  53.                                         <option value="500" {% if app.session.get('min_price') == '500' %} selected {% endif %}>500 €</option>
  54.                                         <option value="1000" {% if app.session.get('min_price') == '1000' %} selected {% endif %}>1000 €</option>
  55.                                         <option value="2000" {% if app.session.get('min_price') == '2000' %} selected {% endif %}>2000 €</option>
  56.                                     </select>
  57.                                 </div>
  58.                                 <div class="col-md-6">
  59.                                     <select class="wide" name="maxprice_filter">
  60.                                         <option value="">Prix max.</option>
  61.                                         <option value="30" {% if app.session.get('max_price') == '30' %} selected {% endif %}>30 €</option>
  62.                                         <option value="100" {% if app.session.get('max_price') == '100' %} selected {% endif %}>100 €</option>
  63.                                         <option value="200" {% if app.session.get('max_price') == '200' %} selected {% endif %}>200 €</option>
  64.                                         <option value="300" {% if app.session.get('max_price') == '300' %} selected {% endif %}>300 €</option>
  65.                                         <option value="500" {% if app.session.get('max_price') == '500' %} selected {% endif %}>500 €</option>
  66.                                         <option value="1000" {% if app.session.get('max_price') == '1000' %} selected {% endif %}>1000 €</option>
  67.                                         <option value="2000" {% if app.session.get('max_price') == '2000' %} selected {% endif %}>2000 €</option>
  68.                                     </select>
  69.                                 </div>
  70.                             </div>
  71.                         </div>
  72.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  73.                             <div class="row">
  74.                                 <div class="col-md-12">
  75.                                     <div class="form-group">
  76.                                         <input id="user_weddingDate" name="weddingdate" autocomplete="off" {% if app.session.get('weddingdate') %} value="{{ app.session.get('weddingdate') }}" {% endif %} type="text" placeholder="Date souhaitée" class="form-control input-md">
  77.                                         <div class="venue-form-calendar">
  78.                                             <i class="far fa-calendar-alt"></i>
  79.                                         </div>
  80.                                     </div>
  81.                                 </div>
  82.                             </div>
  83.                         </div>
  84.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  85.                             <div class="row">
  86.                                 <div class="col-md-12">
  87.                                     <div class="form-group">
  88.                                         <input id="nb_guest" name="nb_guest" autocomplete="off" {% if app.session.get('nbGuest') %} value="{{ app.session.get('nbGuest') }}" {% endif %} type="number" placeholder="Nombre de personne max." class="form-control">
  89.                                     </div>
  90.                                 </div>
  91.                             </div>
  92.                         </div>
  93.                         <div
  94.                             class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb20">
  95.                             <!-- aminites -->
  96.                             <div class="aminities">
  97.                                 <h3 class="widget-title">
  98.                                     Types de services</h3>
  99.                                 <!-- checkbox -->
  100.                                 {% for subCategory in filter_service.getSubcategories %}
  101.                                     {% if subCategory.isService %}
  102.                                         <div class="custom-control custom-checkbox">
  103.                                             <input type="checkbox" {% if subCategory.id in app.session.get('category') %} checked {% endif %} name="category[]" class="custom-control-input" value="{{ subCategory.id }}" id="category{{ subCategory.id }}">
  104.                                             <label class="custom-control-label" for="category{{ subCategory.id }}">
  105.                                                 {{ subCategory.name }}
  106.                                                 ({{ filter_service.filterActiveProducts(subCategory.products) }})</label>
  107.                                         </div>
  108.                                     {% endif %}
  109.                                 {% endfor %}
  110.                             </div>
  111.                             <!-- /.aminites -->
  112.                         </div>
  113.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  114.                             <button class="btn btn-default btn-block" type="submit">Rechercher</button>
  115.                         </div>
  116.                         <input type="hidden" name="type" value="service">
  117.                     </form>
  118.                 </div>
  119.                 <div class="tab-pane {% if app.session.get('type') == 'product' %}show active{% else %} fade{% endif %}" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  120.                     <form class="form-row" method="post" action="{{ path('front_product_search') }}">
  121.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  122.                             <div class="row">
  123.                                 <div class="col-md-12">
  124.                                     <div class="form-group">
  125.                                         <input id="keyword" name="keyword" autocomplete="off" {% if app.session.get('keyword') %} value="{{ app.session.get('keyword') }}" {% endif %} type="text" placeholder="Mots-clés" class="form-control">
  126.                                     </div>
  127.                                 </div>
  128.                             </div>
  129.                         </div>
  130.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  131.                             <div class="row">
  132.                                 <div class="col-md-6">
  133.                                     <select class="wide" name="minprice_filter">
  134.                                         <option value="">Prix min.</option>
  135.                                         <option value="30" {% if app.session.get('min_price') == '30' %} selected {% endif %}>30 €</option>
  136.                                         <option value="100" {% if app.session.get('min_price') == '100' %} selected {% endif %}>100 €</option>
  137.                                         <option value="200" {% if app.session.get('min_price') == '200' %} selected {% endif %}>200 €</option>
  138.                                         <option value="300" {% if app.session.get('min_price') == '300' %} selected {% endif %}>300 €</option>
  139.                                         <option value="500" {% if app.session.get('min_price') == '500' %} selected {% endif %}>500 €</option>
  140.                                         <option value="1000" {% if app.session.get('min_price') == '1000' %} selected {% endif %}>1000 €</option>
  141.                                         <option value="2000" {% if app.session.get('min_price') == '2000' %} selected {% endif %}>2000 €</option>
  142.                                     </select>
  143.                                 </div>
  144.                                 <div class="col-md-6">
  145.                                     <select class="wide" name="maxprice_filter">
  146.                                         <option value="">Prix max.</option>
  147.                                         <option value="30" {% if app.session.get('max_price') == '30' %} selected {% endif %}>30 €</option>
  148.                                         <option value="100" {% if app.session.get('max_price') == '100' %} selected {% endif %}>100 €</option>
  149.                                         <option value="200" {% if app.session.get('max_price') == '200' %} selected {% endif %}>200 €</option>
  150.                                         <option value="300" {% if app.session.get('max_price') == '300' %} selected {% endif %}>300 €</option>
  151.                                         <option value="500" {% if app.session.get('max_price') == '500' %} selected {% endif %}>500 €</option>
  152.                                         <option value="1000" {% if app.session.get('max_price') == '1000' %} selected {% endif %}>1000 €</option>
  153.                                         <option value="2000" {% if app.session.get('max_price') == '2000' %} selected {% endif %}>2000 €</option>
  154.                                     </select>
  155.                                 </div>
  156.                             </div>
  157.                         </div>
  158.                         <div
  159.                             class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb20">
  160.                             <!-- aminites -->
  161.                             <div class="aminities">
  162.                                 <h3 class="widget-title">
  163.                                     Types de produit</h3>
  164.                                 <!-- checkbox -->
  165.                                 {% for subCategory in filter_service.getSubcategories %}
  166.                                     {% if not subCategory.isService %}
  167.                                         <div class="custom-control custom-checkbox">
  168.                                             <input type="checkbox" {% if subCategory.id in app.session.get('category') %} checked {% endif %} name="category[]" class="custom-control-input" value="{{ subCategory.id }}" id="category{{ subCategory.id }}">
  169.                                             <label class="custom-control-label" for="category{{ subCategory.id }}">
  170.                                                 {{ subCategory.name }}
  171.                                                 ({{ filter_service.filterActiveProducts(subCategory.products) }})</label>
  172.                                         </div>
  173.                                     {% endif %}
  174.                                 {% endfor %}
  175.                             </div>
  176.                             <!-- /.aminites -->
  177.                         </div>
  179.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  180.                             <button class="btn btn-default btn-block" type="submit">Rechercher</button>
  181.                         </div>
  182.                         <input type="hidden" name="type" value="product">
  183.                     </form>
  184.                 </div>
  185.             </div>
  186.         </div>
  187.     </div>
  188. </div>