templates/front/acheter/_filter.html.twig line 1

Open in your IDE?
  1. <div id="filter" class="filter py-3 filter">
  2. {% form_theme filter with ['estate_filter_form.html.twig'] %}
  4.     <form method="post" action="{{ path( current_route ) }}" class="row ">
  5.         <div class="col-xl-6 px-2 px-lg-0 pb-lg-3 pb-xl-0">
  6.             <div class="row m-0">
  7.                 {# <div class="col px-2" id="geocoder-map-controls"></div> #}
  8.                 <div class="col f_item  px-2 mb-3 mb-lg-0" >
  9.                     <div class="auto-search">
  10.                           <input
  11.                             type="text"
  12.                             autocomplete="off"
  13.                             id="geosearch"
  14.                             class="full-width form-control"
  15.                             {# placeholder="Recherche par Ville ou Code postal" #}
  16.                             placeholder="Recherche par Ville"
  17.                           />
  18.                     </div>
  19.                 </div>
  20.                 <div class="col-md-5ths f_item px-2">{{ form_label(filter.statut_name) }}<div class="d-none popover_content hide">{{ form_widget(filter.statut_name) }}</div></div>
  21.                 <div class="col-md-5ths f_item px-2">
  22.                     {{ form_label(filter.typebien) }}
  23.                     <div class="d-none popover_content hide">
  24.                     {% if filter.sous_type is defined %}
  25.                         {{ form_label(filter.sous_type) }}
  26.                         {{ form_widget(filter.sous_type) }}
  27.                         <hr />
  28.                         <div class="text-muted font-weight-bold mb-1">Autres</div>
  29.                     {% endif %}
  30.                     {{ form_widget(filter.typebien) }}
  31.                     </div>
  32.                 </div>
  34.                 <div class="col-md-5ths f_item px-2">
  35.                     {{ form_label(filter.prix) }}
  36.                     <div class="d-none popover_content hide">
  37.                         {{ form_widget(filter.prix) }}
  38.                         <table id="range_prices" class="table table-sm table-borderless prices_{{ theme_class }}">
  39.                         {% for range_price in datas.range_prices %}
  40.                             <tr>
  41.                                 <td>({{ range_price.values|length  }})</td>
  42.                                 <td ><a href="javascript:void(0)" class="price_min" data-price="{{ range_price.ranges.min }}">{{ range_price.ranges.min|number_format(0, ',', '.') }} € </a></td>
  43.                                 <td> - </td>
  44.                                 <td><a href="javascript:void(0)" class="price_max" data-price="{{ range_price.ranges.max }}">{{ range_price.ranges.max|number_format(0, ',', '.') }} €</a></td> 
  45.                                 
  46.                             </tr>
  47.                         {% endfor %}    
  48.                         </table>
  49.                         <div class="d-flex justify-content-between mb-2"><button class="btn btn-outline-{{ theme_class }} btn-sm btn_cancel">Effacer</button><button class="btn btn-{{ theme_class }} btn-sm btn_apply">Appliquer</button></div>
  50.                     </div>
  51.             </div>
  52.             </div>
  53.         </div>
  54.         <div class="col-xl-6 px-2 px-lg-0 pb-lg-3 pb-xl-0">
  55.             <div class="row m-0">
  56.                 {% if filter.nbchambres is defined %}
  57.                     <div class="col-md-5ths f_item px-2" >{{ form_label(filter.nbchambres) }}<div class="d-none popover_content hide">{{ form_widget(filter.nbchambres) }}</div></div>
  58.                 {% endif %}
  60.                 <div class="col-md-5ths f_item px-2">
  61.                     <button id="btn_more"  type="button" class="btn btn-outline-{{ theme_class }} w-100 btn-sm" role="button" data-popover_class="popover_estate_filter_more" data-placement="bottom" data-toggle="popover" title="+ de critères" >+ de critères</button>
  62.                     <div class="d-none popover_content hide">
  63.                         <div  id="more_text" class="mb-3">
  64.                            {{ form_widget(filter.surface) }}
  65.                            {{ form_widget(filter.surf_terrain) }}
  66.                            {% if filter.nbpieces is defined %}{{ form_widget(filter.nbpieces) }}{% endif %}
  67.                            {% if filter.salle_d_eau is defined %}{{ form_widget(filter.salle_d_eau) }}{% endif %}
  68.                            {% if filter.ca is defined %}{{ form_widget(filter.ca) }}{% endif %}
  69.                            {% if filter.ebe is defined %}{{ form_widget(filter.ebe) }}{% endif %}
  72.                         </div>
  73.                         {% if filter.si_terrasse is defined %}
  74.                             <div id="more_picto" class="d-flex justify-content-center pt-3 pb-3">
  75.                                 {{ form_widget(filter.si_terrasse) }}
  76.                                 {{ form_widget(filter.si_piscine) }}
  77.                                 {{ form_widget(filter.orientation_sud) }}
  78.                                 {{ form_widget(filter.si_cheminee) }}
  79.                                 {{ form_widget(filter.si_ascenseur) }}
  80.                             </div>
  81.                         {% endif %}
  82.                         <div class="d-flex justify-content-between mb-2"><button class="btn btn-outline-{{ theme_class }} btn-sm btn_cancel">Effacer</button><button class="btn btn-{{ theme_class }} btn-sm btn_apply">Appliquer</button></div>
  83.                     </div>
  84.                 </div>
  85.                 <div class="col-md-5ths f_item px-2">{{ form_widget(filter.refannonce,{attr: {class: 'text-center'}}) }}</div>
  86.                 <div class="col-md-5ths col px-2 d-flex justify-content-between">
  87.                     <button id="btn_close_search" class="btn btn-outline-{{ theme_class }} btn-sm d-lg-none"><i class="icon-back"></i> Retour</button>
  88.                     <button id="btn_load_search" class="btn btn-{{ theme_class }} btn-sm d-lg-none"><i class="icon-search"></i> Rechercher</button>
  89.                     <div >
  90.                         <button class="btn_save_search btn btn-{{ theme_class }} btn-sm mr-2 d-none d-lg-inline" ><i class="icon-floppy"></i> Sauvegarder</button>
  91.                         <button class="btn_reset btn btn-{{ theme_class }} btn-sm ml-lg-2 btn-sm d-none d-lg-inline" ><i class="icon-delete"></i> Effacer</button>
  92.                         <button class="btn_reset btn btn-outline-{{ theme_class }} btn-sm btn-sm d-lg-none" ><i class="icon-delete"></i> Effacer</button>
  93.                     </div>
  94.                 </div>
  95.                 
  96.             </div>
  97.         </div>
  98.         <input type="hidden" id="offset" name="offset" value="{{ datas.next }}">
  99.         <input type="hidden" id="sort_by" name="sort_by" value="{{ datas.sort_by }}">
  100.             {% if filter.neuf is defined %}
  101.                 {{ form_widget(filter.neuf) }}
  102.             {% endif %}
  103.             {% if filter.nue_propriete is defined %}
  104.                 {{ form_widget(filter.nue_propriete) }}
  105.             {% endif %}
  108.             {{ form_widget(filter.geo_name) }}
  109.             {{ form_widget(filter.geo_bbox) }}
  110.             {{ form_widget(filter.geo_position) }}
  111.     </form>     
  112. </div>