templates/_navSearch.html.twig line 1

Open in your IDE?
  2. <div id="formResearchNav" class="d-flex justify-content-center">
  3.     <form action="{{ path('results') }}" class="col-lg-8 form-search-filter" style="display: flex; align-items: center;">
  4.         <div class="container-form-search" style="display: flex;flex-direction: column;justify-content: center; width: 71.666vw;position:relative">
  5.             <div class="selectors" style="display: flex; align-items: center; width: auto;justify-content: space-between;z-index:9;">
  7.                 <div id="transaction-drop" class="dropdown">
  8.                     <div class="undroped">
  9.                         <p class="undroped-header">Type de transaction</p>
  10.                         <p name="transaction-type" class="undroped-subheader {% if app.session.get('filter')['transaction-type'] is defined %}selected{% endif %}">
  11.                             {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Vente' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'vente') %}
  12.                                 Achat
  13.                             {% elseif app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Location' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'location') %}
  14.                                 Location
  15.                             {% else %}
  16.                                 Tous
  17.                             {% endif %}
  18.                         </p>
  19.                         <input type="hidden"
  20.                                {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Vente' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'vente') %}
  21.                                    value="Vente"
  22.                                 {% elseif app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Location' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'location') %}
  23.                                     value="Location"
  24.                                {% endif %}
  25.                                value=""
  26.                                class="input-subheader" name="transaction-type">
  27.                     </div>
  29.                     <div class="droped">
  30.                         <div class="dropdown-header">Type de transaction</div>
  31.                         <ul id="transaction-li" class="items">
  32.                             <li class="item" data-value="">Tous</li>
  33.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Vente' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'vente') %}selected{% endif %}" data-value ="Vente">Achat</li>
  34.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Location' or (app.request.attributes.get('_route_params')['keyword'] is defined and app.request.attributes.get('_route_params')['keyword'] == 'location') %}selected{% endif %}" data-value ="Location">Location</li>
  35.                             {#
  36.                             <li class="item" data-value ="Location saisonnière">Location saisonniere</li>
  37.                             <li class="item" data-value ="Programme">Programme</li>
  38.                             #}
  40.                             {#                                                <li class="item" data-value ="Viager">Viager</li>#}
  41.                             {#                                                <li class="item" data-value ="Enchere">Enchère</li>#}
  42.                         </ul>
  43.                     </div>
  44.                 </div>
  45.                 
  46.                 <div id="property-drop" class="dropdown">
  47.                     <div class="undroped">
  49.                         <p class="undroped-header">Type de biens</p>
  51.                             <p name="property-type" class="undroped-subheader {% if app.session.get('filter')['property-type'] is defined %}selected{% endif %}">
  52.                                 {% if app.session.get('filter') is defined and app.session.get('filter')['property-type'] is defined and app.session.get('filter')['property-type'] != '' %}
  53.                                     {{ app.session.get('filter')['property-type'] }}
  54.                                 {% else %}
  55.                                     Tous
  56.                                 {% endif %}
  57.                             </p>
  58.                         <input type="hidden" value="{% if app.session.get('filter')['property-type'] is defined and app.session.get('filter')['property-type'] %}{{ app.session.get('filter')['property-type'] }}{% endif %}" class="input-subheader" name="property-type">
  59.                     </div>
  61.                     <div class="droped">
  62.                         <div class="dropdown-header">Type de biens</div>
  64.                         <ul id="property-li" class="items">
  65.                             <li class="item" data-value="">Tous</li>
  66.                             {% if propertiesApi is defined %}
  67.                                 {% for type in propertiesApi.getTypesProperties() %}
  68.                                     <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == type %}selected{% endif %}" data-value="{{ type }}">{{ type }}</li>
  69.                                 {% endfor %}
  70.                             {% endif %}
  71.                             {#
  72.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Appartement' %}selected{% endif %}" data-value="Appartement">Appartement</li>
  73.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Duplex' %}selected{% endif %}" data-value="Duplex">Duplex</li>
  74.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Maison' %}selected{% endif %}" data-value="Maison">Maison</li>
  75.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Bureaux' %}selected{% endif %}" data-value="Bureaux">Bureau</li>
  76.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Commerce' %}selected{% endif %}" data-value="Commerce">Commerce</li>
  77.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Immeuble' %}selected{% endif %}" data-value="Immeuble">Immeuble</li>
  78.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Garage / Parking' %}selected{% endif %}" data-value="Garage / Parking">Garage / Parking</li>
  79.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Cave / Box' %}selected{% endif %}" data-value="Cave / Box">Cave / Box</li>
  80.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Terrain' %}selected{% endif %}" data-value="Terrain">Terrain</li>
  81.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Penthouse' %}selected{% endif %}" data-value="Penthouse">Penthouse</li>
  82.                             #}
  84.                         </ul>
  85.                     </div>
  86.                 </div>
  88.                 <div id="location-drop" class="dropdown">
  89.                     <div class="undroped">
  90.                         <p class="undroped-header">Localisation</p>
  91.                         <p class="undroped-subheader {% if app.session.get('filter')['location'] is defined %}selected{% endif %}">
  92.                             {% if app.session.get('filter') and app.session.get('filter')['location'] %}
  93.                                 {{ app.session.get('filter')['location'] }}
  94.                             {% else %}
  95.                                 Choisissez une commune
  96.                             {% endif %}
  97.                         </p>
  98.                         <input type="hidden" value="{% if app.session.get('filter')['location'] is defined and app.session.get('filter')['location'] %}{{ app.session.get('filter')['location'] }}{% endif %}" class="input-subheader" name="location">
  99.                     </div>
  101.                     <div class="droped">
  102.                         <div  class="dropdown-header">Localisation</div>
  104.                         <ul id="location-li" class="items">
  105.                             <li class="item" data-value ="">Tous</li>
  106.                             {#                                                <li class="item" data-value ="Appartement">Luxembourg-Ville</li>#}
  107.                             {#                                                <li class="item" data-value ="Bureaux">Leudelange</li>#}
  108.                             {#                                                <li class="item" data-value ="Maison">Esch-Sur-Alzette</li>#}
  109.                         </ul>
  110.                     </div>
  111.                 </div>
  114.                 <div class="div-form">
  115.                     <button style="background-color: transparent;border-color: transparent;" id="submit-search" type="submit">
  116.                         <svg class="search-button" xmlns="http://www.w3.org/2000/svg" width="55.982" height="90.97" viewBox="0 0 55.982 90.97">
  117.                             <g id="Groupe_3817" data-name="Groupe 3817" transform="translate(-1528.861 -105)">
  118.                                 <path id="Tracé_95" data-name="Tracé 95" d="M729.651,232.441H673.669v90.97l55.982-11.894Z" transform="translate(855.192 -127.441)" fill="#f6a400"/>
  119.                                 <g id="Groupe_3794" data-name="Groupe 3794" transform="translate(1545.335 126.696)">
  120.                                     <g id="np_search_1868241_000000">
  121.                                         <path id="Tracé_92" data-name="Tracé 92" d="M8.287,17.368A8.662,8.662,0,1,1,14.4,14.813a8.679,8.679,0,0,1-6.109,2.555Zm0-15.055a6.36,6.36,0,1,0,4.477,1.881A6.377,6.377,0,0,0,8.287,2.313Z" transform="translate(0.441 -0.012)" fill="#fff"/>
  122.                                         <path id="Tracé_93" data-name="Tracé 93" d="M57.82,59.567l1.626-1.633L67.4,65.852l-1.626,1.633Z" transform="translate(-44.591 -44.782)" fill="#fff"/>
  123.                                     </g>
  124.                                 </g>
  125.                             </g>
  126.                         </svg>
  127.                     </button>
  128.                 </div>
  129.                 
  131.                 <div>
  132.                     <button  id="search-detail" class="btn btn-primary child search">RECHERCHE AVANCÉE</button>
  133.                     <button class="btn btn-primary" id="send" type="submit" style="display: none">Envoyer</button>
  134.                 </div>
  135.             </div>
  136.             <div id="sub-search-div" class="sub-search-div" style="display: none">
  137.                 <div class="col-lg-3 div-form">
  138.                     <input class="sub-search-input" name="budget" value="{% if app.session.get('filter') %}{{ app.session.get('filter')['budget'] }}{% endif %}" id="budget" type="text" placeholder="Budget max.">
  139.                 </div>
  141.                 <div id="rooms-drop" class="dropdown">
  142.                     <div class="undroped">
  143.                         <p class="undroped-header transparent-font">{% if app.session.get('filter') and app.session.get('filter')['rooms'] %}{{ app.session.get('filter')['rooms'] }}{% else %}Nombre de chambres{% endif %}</p>
  144.                         <p class="undroped-subheader good-place"></p>
  145.                         <input type="hidden" class="input-subheader" name="rooms">
  146.                     </div>
  148.                     <div class="droped">
  149.                         <div class="dropdown-header">Nombre de chambres</div>
  151.                         <ul id="rooms-li" class="items">
  152.                             <li class="item" data-value="">Indifférent</li>
  153.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 1 %}selected{% endif %}" data-value ="1">1</li>
  154.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 2 %}selected{% endif %}" data-value ="2">2</li>
  155.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 3 %}selected{% endif %}" data-value ="3">3</li>
  156.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 4 %}selected{% endif %}" data-value ="4">4</li>
  157.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 5 %}selected{% endif %}" data-value ="5">5</li>
  158.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['rooms'] == 6 %}selected{% endif %}" data-value ="6">6</li>
  159.                         </ul>
  160.                     </div>
  161.                 </div>
  163.                 <div id="area-drop" class="dropdown">
  164.                     <div class="undroped">
  165.                         <p class="undroped-header transparent-font">
  166.                             {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined %}
  167.                                 {% if app.session.get('filter')['area-minimum'] == '' %}
  168.                                     Indifférent
  169.                                 {% else %}
  170.                                     {{ app.session.get('filter')['area-minimum'] }}
  171.                                 {% endif %}
  172.                             {% else %}
  173.                                 Surface minimum
  174.                             {% endif %}
  175.                         </p>
  176.                         <p class="undroped-subheader good-place"></p>
  177.                         <input type="hidden" class="input-subheader" name="area-minimum">
  178.                     </div>
  180.                     <div class="droped">
  181.                         <div class="dropdown-header">Surface minimum</div>
  182.                         <ul id="area-li" class="items">
  183.                             <li class="item {% if app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == '' %}selected{% endif %}" data-value="">Indifférent</li>
  184.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 20 %}selected{% endif %}" data-value ="20">20 m²</li>
  185.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 30 %}selected{% endif %}" data-value ="30">30 m²</li>
  186.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 40 %}selected{% endif %}" data-value ="40">40 m²</li>
  187.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 50 %}selected{% endif %}" data-value ="50">50 m²</li>
  188.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 60 %}selected{% endif %}" data-value ="60">60 m²</li>
  189.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 70 %}selected{% endif %}" data-value ="70">70 m²</li>
  190.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 80 %}selected{% endif %}" data-value ="80">80 m²</li>
  191.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 90 %}selected{% endif %}" data-value ="90">90 m²</li>
  192.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 100 %}selected{% endif %}" data-value ="100">100 m²</li>
  193.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 110 %}selected{% endif %}" data-value ="110">110 m²</li>
  194.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 120 %}selected{% endif %}" data-value ="120">120 m²</li>
  195.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 130 %}selected{% endif %}" data-value ="130">130 m²</li>
  196.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 140 %}selected{% endif %}" data-value ="140">140 m²</li>
  197.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 150 %}selected{% endif %}" data-value ="150">150 m²</li>
  198.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 160 %}selected{% endif %}" data-value ="160">160 m²</li>
  199.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 170 %}selected{% endif %}" data-value ="170">170 m²</li>
  200.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 180 %}selected{% endif %}" data-value ="180">180 m²</li>
  201.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 190 %}selected{% endif %}" data-value ="190">190 m²</li>
  202.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 200 %}selected{% endif %}" data-value ="200">200 m²</li>
  203.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 250 %}selected{% endif %}" data-value ="250">250 m²</li>
  204.                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] == 300 %}selected{% endif %}" data-value ="300">300 m²</li>
  205.                         </ul>
  206.                     </div>
  207.                 </div>
  209.                 {#
  210.                 <div class="col-lg-3 div-form">
  211.                     <input class="sub-search-input" id="area-minimum" value="{% if app.session.get('filter') %}{{ app.session.get('filter')['area-minimum'] }}{% endif %}" name="area-minimum" type="text" placeholder="Surface minimum.">
  212.                 </div>
  213.                 #}
  215.             </div>
  216.         </div>
  217.     </form>
  218. </div>