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.         {% if area %}
  16.             <h1>Vivre à <span>{{ area.label }}</span></h1>
  17.             <p class="intro">{{ area.description }}</p>
  18.         {% else %}
  19.             <h1>Nos <span>logements</span></h1>
  20.             <p class="intro">Découvrez nos coliving tout compris et équipés, toujours à côté des universités et des transports.</p>
  21.         {% endif %}
  23.         <div class="search" data-controller="search-filters">
  24.             <form action="#">
  25.                 <select name="area" class="d-none">
  26.                     <option>Où vivrez-vous ?</option>
  27.                     {% for area in addressAreas %}
  28.                         <option value="{{ area.id }}" {% if app.request.get('area') == area.id %}selected{% endif %}>{{ area.name }}</option>
  29.                     {% endfor %}
  30.                 </select>
  31.                 <div class="form-row first">
  32.                     <select name="district" id="district" class="{% if area and area.id != 1 %}d-none{% endif %}">
  33.                         <option value="" selected>{{ 'label.district'|trans }}</option>
  34.                         {% for item in filters.districts.items %}
  35.                             <option value="{{ item.id }}" {% if app.request.get('district') == item.id %}selected{% endif %}>{{ item.label }}</option>
  36.                         {% endfor %}
  37.                     </select> <!-- AREA -->
  38.                     <select name="accommodationType" id="accommodationType">
  39.                         <option value="" selected>{{ 'label.accommodation_type'|trans }}</option>
  40.                         {% for key,value in filters.accommodationTypes %}
  41.                             <option value="{{ value }}" {% if app.request.get('accommodationType') == value %}selected{% endif %}>{{ key|trans }}</option>
  42.                         {% endfor %}
  43.                     </select> <!-- HOME TYPE -->
  44.                     <!--select name="lengthOfStay" id="lengthOfStay">
  45.                         <option value="" selected>{{ 'label.lengthofstay'|trans }}</option>
  46.                         <option value="6" {% if app.request.get('lengthOfStay') == '6' %}selected{% endif %}>6 mois</option>
  47.                         <option value="12" {% if app.request.get('lengthOfStay') == '12' %}selected{% endif %}>12 mois</option>
  48.                         <option value="24" {% if app.request.get('lengthOfStay') == '24' %}selected{% endif %}>24 mois</option>
  49.                     </select--> <!-- LENGTH OF STAY -->
  50.                     <select name="price" id="price">
  51.                         <option value="" selected>Prix</option>
  52.                         <option value="0-200" {% if app.request.get('price') == '0-200' %}selected{% endif %}>Moins de 200€/mois</option>
  53.                         <option value="200-400" {% if app.request.get('price') == '200-400' %}selected{% endif %}>200 à 400€/mois</option>
  54.                         <option value="400-600" {% if app.request.get('price') == '400-600' %}selected{% endif %}>400 à 600€/mois</option>
  55.                         <option value="600-800" {% if app.request.get('price') == '600-800' %}selected{% endif %}>600 à 800€/mois</option>
  56.                         <option value="800-1000" {% if app.request.get('price') == '800-1000' %}selected{% endif %}>800 à 1000€/mois</option>
  57.                     </select> <!-- LENGTH OF STAY -->
  59.                     <select name="service" id="service">
  60.                         <option value="">Service</option>
  62.                         {% for service in filters.services.items %}
  63.                             <option value="{{ service.id }}" {% if app.request.get('service') == service.id %}selected{% endif %}>{{ service.label }}</option>
  64.                         {% endfor %}
  65.                     </select>
  67.                     <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>
  68.                     <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>
  69.                 </div> <!-- form-row first-->
  70.                 <div class="form-row second d-none">
  71.                     <!--select name="totalBedrooms" id="totalBedrooms">
  72.                         <option value="" selected>{{ 'label.totalBedrooms'|trans }}</option>
  73.                         <option value="1">{{ 'total.rooms'|trans({count: 1}) }}</option>
  74.                         <option value="2">{{ 'total.rooms'|trans({count: 2}) }}</option>
  75.                         <option value="3">{{ 'total.rooms'|trans({count: 3}) }}</option>
  76.                         <option value="4">{{ 'total.rooms'|trans({count: 4}) }}</option>
  77.                         <option value="5">{{ 'total.rooms'|trans({count: 5}) }}</option>
  78.                     </select-->
  79.                     <select name="privateBathroom" id="privateBathroom">
  80.                         <option value="" selected>{{ 'label.privateBathroom'|trans }}</option>
  81.                         <option value="1">{{ 'label.yes'|trans }}</option>
  82.                         <option value="0">{{ 'label.no'|trans }}</option>
  83.                     </select> <!-- PRIVATE BATHROOM -->
  84.                     <select name="petFriendly" id="petFriendly">
  85.                         <option value="" selected>{{ 'label.petFriendly'|trans }}</option>
  86.                         <option value="1">{{ 'label.yes'|trans }}</option>
  87.                         <option value="0">{{ 'label.no'|trans }}</option>
  88.                     </select> <!-- Pet Friendly -->
  89.                     <select name="girlsOnly" id="girlsOnly">
  90.                         <option value="" selected>{{ 'label.girlsOnly'|trans }}</option>
  91.                         <option value="1">{{ 'label.yes'|trans }}</option>
  92.                         <option value="0">{{ 'label.no'|trans }}</option>
  93.                     </select> <!-- LENGTH OF STAY -->
  94.                 </div> <!-- form-row first-->
  95.             </form>
  96.         </div>
  97.     </div> <!-- home search container -->
  98. {% endblock %}
  100. {% block page_content %}
  101.     <main class="homes">
  102.         <section class="container">
  103.             <div
  104.                  id="accommodations-list-controller"
  105.                  data-controller="accommodations-list"
  106.                  data-token="{{ mapbox_token }}"
  107.                  data-ajax-route="{{ path('front_search_ajax') }}"
  108.                  data-map-route="{{ path('front_search_map') }}"
  109.                  data-map-lat="{{ area ? area.latitude : '4.83254560283995' }}"
  110.                  data-map-lng="{{ area ? area.longitude : '45.75878851153359' }}"
  111.             >
  112.                 <div id="search-header" class="container-fluid">
  113.                     <div class="col-12 title-ctn">
  114.                         {% embed "front/search/search-list-header.html.twig" with {pagination: pagination} %}{% endembed %}
  115.                     </div>
  116.                 </div>
  117.                 <div class="row">
  118.                     <div class="col-12 col-lg-8 left">
  119.                         <div id="accommodations-list-container">
  120.                             <div id="accommodations-list" class="row">
  121.                                 {% embed "front/search/search-list.html.twig" with {list: list, pagination: pagination} %}{% endembed %}
  122.                             </div>
  123.                         </div>
  124.                         {% embed 'front/_shared/loader.html.twig' %}{% endembed %}
  125.                     </div> <!-- left col-8 -->
  126.                     <div class="col-4 d-none d-lg-block pr-0">
  127.                         <div id="map-sidebar" class="sidebar">
  128.                             <div class="sidebar__inner">
  129.                                 <div id="map-container"></div>
  130.                             </div>
  131.                         </div>
  132.                     </div>
  133.                 </div> <!-- row -->
  134.             </div> <!-- accommodations-list-controller -->
  136.         </section> <!-- container -->
  138.         {% include "front/_shared/faq.html.twig" %}
  139.     </main>
  140. {% endblock %}
  142. {% block javascripts %}
  143.     {{ parent() }}
  144. {% endblock %}
  146. {% block javascripts_footer %}
  147. {% endblock %}