templates/front/search/search.html.twig line 1

Open in your IDE?
  1. {% extends 'front/page.html.twig' %}
  2. {% trans_default_domain 'front' %}
  3. {% import "front/_shared/macros.html.twig" as macro %}
  5. {% block body_class %}{{ parent() }} {% endblock %}
  7. {%  block meta_title %}{{ page.metaTitle }}{% endblock %}
  8. {%  block meta_description %}{{ page.metaDescription }}{% endblock %}
  10. {% block header_class %}homes-head homes-head-reverse dark-header{% endblock %}
  12. {% block header_content %}
  14.     <div class="homes-search-container container">
  15.         <h1>Vivre à <span>Lyon</span></h1>
  16.         <p class="intro">Découvrez nos coliving tout compris et équipés dans la région lyonnaise, toujours à côté des universités et des transports.</p>
  18.         <div class="search" data-controller="search-filters">
  19.             <form action="#">
  20.                 <div class="form-row first">
  21.                     <select name="district" id="district">
  22.                         <option value="" selected>{{ 'label.district'|trans }}</option>
  23.                         {% for item in filters.districts.items %}
  24.                             <option value="{{ item.id }}" {% if app.request.get('district') == item.id %}selected{% endif %}>{{ item.label }}</option>
  25.                         {% endfor %}
  26.                     </select> <!-- AREA -->
  27.                     <select name="accommodationType" id="accommodationType">
  28.                         <option value="" selected>{{ 'label.accommodation_type'|trans }}</option>
  29.                         {% for key,value in filters.accommodationTypes %}
  30.                             <option value="{{ value }}" {% if app.request.get('accommodationType') == value %}selected{% endif %}>{{ key|trans }}</option>
  31.                         {% endfor %}
  32.                     </select> <!-- HOME TYPE -->
  33.                     <!--select name="lengthOfStay" id="lengthOfStay">
  34.                         <option value="" selected>{{ 'label.lengthofstay'|trans }}</option>
  35.                         <option value="6" {% if app.request.get('lengthOfStay') == '6' %}selected{% endif %}>6 mois</option>
  36.                         <option value="12" {% if app.request.get('lengthOfStay') == '12' %}selected{% endif %}>12 mois</option>
  37.                         <option value="24" {% if app.request.get('lengthOfStay') == '24' %}selected{% endif %}>24 mois</option>
  38.                     </select--> <!-- LENGTH OF STAY -->
  39.                     <select name="price" id="price">
  40.                         <option value="" selected>Prix</option>
  41.                         <option value="0-200" {% if app.request.get('price') == '0-200' %}selected{% endif %}>Moins de 200€/mois</option>
  42.                         <option value="200-400" {% if app.request.get('price') == '200-400' %}selected{% endif %}>200 à 400€/mois</option>
  43.                         <option value="400-600" {% if app.request.get('price') == '400-600' %}selected{% endif %}>400 à 600€/mois</option>
  44.                         <option value="600-800" {% if app.request.get('price') == '600-800' %}selected{% endif %}>600 à 800€/mois</option>
  45.                         <option value="800-1000" {% if app.request.get('price') == '800-1000' %}selected{% endif %}>800 à 1000€/mois</option>
  46.                     </select> <!-- LENGTH OF STAY -->
  48.                     <select name="service" id="service">
  49.                         <option value="">Service</option>
  51.                         {% for service in filters.services.items %}
  52.                             <option value="{{ service.id }}" {% if app.request.get('service') == service.id %}selected{% endif %}>{{ service.label }}</option>
  53.                         {% endfor %}
  54.                     </select>
  56.                     <div class="show more" data-action="click->search-filters#more">Plus de filtres <span class="chevron"><img src="{{ asset('build/images/icons/chevron-down-dark.svg') }}"></span></div>
  57.                     <div class="show less d-none" data-action="click->search-filters#less">Moins de filtres <span class="chevron"><img src="{{ asset('build/images/icons/chevron-down-dark.svg') }}"></span></div>
  58.                 </div> <!-- form-row first-->
  59.                 <div class="form-row second d-none">
  60.                     <!--select name="totalBedrooms" id="totalBedrooms">
  61.                         <option value="" selected>{{ 'label.totalBedrooms'|trans }}</option>
  62.                         <option value="1">{{ 'total.rooms'|trans({count: 1}) }}</option>
  63.                         <option value="2">{{ 'total.rooms'|trans({count: 2}) }}</option>
  64.                         <option value="3">{{ 'total.rooms'|trans({count: 3}) }}</option>
  65.                         <option value="4">{{ 'total.rooms'|trans({count: 4}) }}</option>
  66.                         <option value="5">{{ 'total.rooms'|trans({count: 5}) }}</option>
  67.                     </select-->
  68.                     <select name="privateBathroom" id="privateBathroom">
  69.                         <option value="" selected>{{ 'label.privateBathroom'|trans }}</option>
  70.                         <option value="1">{{ 'label.yes'|trans }}</option>
  71.                         <option value="0">{{ 'label.no'|trans }}</option>
  72.                     </select> <!-- PRIVATE BATHROOM -->
  73.                     <select name="petFriendly" id="petFriendly">
  74.                         <option value="" selected>{{ 'label.petFriendly'|trans }}</option>
  75.                         <option value="1">{{ 'label.yes'|trans }}</option>
  76.                         <option value="0">{{ 'label.no'|trans }}</option>
  77.                     </select> <!-- Pet Friendly -->
  78.                     <select name="girlsOnly" id="girlsOnly">
  79.                         <option value="" selected>{{ 'label.girlsOnly'|trans }}</option>
  80.                         <option value="1">{{ 'label.yes'|trans }}</option>
  81.                         <option value="0">{{ 'label.no'|trans }}</option>
  82.                     </select> <!-- LENGTH OF STAY -->
  83.                 </div> <!-- form-row first-->
  84.             </form>
  85.         </div>
  86.     </div> <!-- home search container -->
  87. {% endblock %}
  89. {% block page_content %}
  90.     <main class="homes">
  91.         <section class="container">
  92.             <div
  93.                  id="accommodations-list-controller"
  94.                  data-controller="accommodations-list"
  95.                  data-token="{{ mapbox_token }}"
  96.                  data-ajax-route="{{ path('front_search_ajax') }}"
  97.                  data-map-route="{{ path('front_search_map') }}"
  98.             >
  99.                 <div id="search-header" class="container-fluid">
  100.                     <div class="col-12 title-ctn">
  101.                         {% embed "front/search/search-list-header.html.twig" with {pagination: pagination} %}{% endembed %}
  102.                     </div>
  103.                 </div>
  104.                 <div class="row">
  105.                     <div class="col-12 col-lg-8 left">
  106.                         <div id="accommodations-list-container">
  107.                             <div id="accommodations-list" class="row">
  108.                                 {% embed "front/search/search-list.html.twig" with {list: list, pagination: pagination} %}{% endembed %}
  109.                             </div>
  110.                         </div>
  111.                         {% embed 'front/_shared/loader.html.twig' %}{% endembed %}
  112.                     </div> <!-- left col-8 -->
  113.                     <div class="col-4 d-none d-lg-block pr-0">
  114.                         <div id="map-sidebar" class="sidebar">
  115.                             <div class="sidebar__inner">
  116.                                 <div id="map-container"></div>
  117.                             </div>
  118.                         </div>
  119.                     </div>
  120.                 </div> <!-- row -->
  121.             </div> <!-- accommodations-list-controller -->
  123.         </section> <!-- container -->
  125.         {% include "front/_shared/faq.html.twig" %}
  126.     </main>
  127. {% endblock %}
  129. {% block javascripts %}
  130.     {{ parent() }}
  131. {% endblock %}
  133. {% block javascripts_footer %}
  134. {% endblock %}