templates/_navSubSearch.html.twig line 1

Open in your IDE?
  1. <div class="modal fade bd-example-modal-lg" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  2.     <div class="modal-dialog modal-lg">
  4.         <div class="modal-content">
  5.             <div class="col-lg-12">
  6.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="font-size:2em;position: absolute;right: 15px;"></button>
  7.                 <div name="form-search-normal-mobile" id="form-search-normal-mobile" class="div-svg-header">
  8.                     <form action="{{ path('results') }}"  style="display: flex; align-items: center; width: 100%">
  9.                         <div class="container-form-mobile" style="display: flex;flex-direction: column;justify-content: center; ">
  10.                             <div class="selectors mobile" style="display: flex; align-items: center; width: auto;">
  12.                                 <div id="transaction-drop" class="dropdown">
  13.                                     <div class="undroped">
  14.                                         <p class="undroped-header">Type de transaction</p>
  15.                                         <p name="transaction-type" class="undroped-subheader">Tous</p>
  16.                                         <input type="hidden" value="" class="input-subheader" name="transaction-type">
  17.                                     </div>
  19.                                     <div class="droped">
  20.                                         <div class="dropdown-header">Type de transaction</div>
  21.                                         <ul id="transaction-li" class="items">
  22.                                             <li class="item {% if app.session.get('filter') and not app.session.get('filter')['transaction-type'] %}selected{% endif %}" data-value="">Tous</li>
  23.                                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Vente' %}selected{% endif %}" data-value ="Vente">Achat</li>
  24.                                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['transaction-type'] == 'Location' %}selected{% endif %}" data-value ="Location">Location</li>
  25.                                             {#
  26.                                             <li class="item" data-value ="Viager">Viager</li>
  27.                                             <li class="item" data-value ="Enchere">Enchère</li>
  28.                                             #}
  29.                                         </ul>
  30.                                     </div>
  31.                                 </div>
  33.                                 <div id="property-drop" class="dropdown">
  34.                                     <div class="undroped">
  35.                                         <p class="undroped-header">Type de biens</p>
  36.                                         <p name="property-type" class="undroped-subheader">Appartement, Bureau, ...</p>
  37.                                         <input type="hidden" value="" class="input-subheader" name="property-type">
  38.                                     </div>
  39.                                     {% set propertyTypeSelected = false %}
  40.                                     {% if propertiesApi is defined %}
  41.                                     {% for type in propertiesApi.getTypesProperties() %}
  42.                                         {% if app.session.get('filter') and app.session.get('filter')['property-type'] == type %}
  43.                                             {% set propertyTypeSelected = type %}
  44.                                         {% endif %}
  45.                                     {% endfor %}
  46.                                     {% endif %}
  47.                                     <div class="droped">
  48.                                         <div class="dropdown-header">Type de biens</div>
  50.                                         <ul id="property-li" class="items">
  51.                                             <li class="item {% if not propertyTypeSelected %}selected{% endif %}" data-value="all">Tous</li>
  52.                                             {% if propertiesApi is defined %}
  53.                                                 {% for type in propertiesApi.getTypesProperties() %}
  54.                                                     <li class="item {% if propertyTypeSelected == type %}selected{% endif %}" data-value="{{ type }}">{{ type }}</li>
  55.                                                 {% endfor %}
  56.                                             {% endif %}
  57.                                             {#
  58.                                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Studio' %}selected{% endif %}" data-value="Studio">Studio</li>
  59.                                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Appartement' %}selected{% endif %}" data-value="Appartement">Appartement</li>
  60.                                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Maison' %}selected{% endif %}" data-value="Maison">Maison</li>
  61.                                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Bureaux' %}selected{% endif %}" data-value="Bureaux">Bureau</li>
  62.                                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Commerce' %}selected{% endif %}" data-value="Commerce">Commerce</li>
  63.                                             <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>
  65.                                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['property-type'] == 'Immeuble' %}selected{% endif %}" data-value="Immeuble">Immeuble</li>
  67.                                             <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>
  68.                                             #}
  70.                                         </ul>
  71.                                     </div>
  72.                                 </div>
  74.                                 <div id="location-drop-mobile" class="dropdown">
  75.                                     <div class="undroped">
  76.                                         <p class="undroped-header">Localisation</p>
  77.                                         <p class="undroped-subheader">Choisissez une commune</p>
  78.                                         <input type="hidden" value="" class="input-subheader" name="location">
  79.                                     </div>
  81.                                     <div class="droped">
  82.                                         <div  class="dropdown-header">Localisation</div>
  84.                                         <ul id="location-li-mobile" class="items">
  85.                                             {#
  86.                                             <li class="item" data-value ="Appartement">Luxembourg-Ville</li>
  87.                                             <li class="item" data-value ="Bureaux">Leudelange</li>
  88.                                             <li class="item" data-value ="Maison">Esch-Sur-Alzette</li>
  89.                                             #}
  91.                                         </ul>
  92.                                     </div>
  93.                                 </div>
  94.                             </div>
  95.                             <div id="sub-search-div-mobile" class="sub-search-div-mobile">
  96.                                 <div class="col-lg-3 div-form">
  97.                                     <input class="sub-search-input" name="budget"  id="budget" type="text" placeholder="Budget max." value="{% if app.session.get('filter') and app.session.get('filter')['budget'] is defined and app.session.get('filter')['budget'] != '' %}{{ app.session.get('filter')['budget'] }}{% endif %}">
  98.                                 </div>
  100.                                 <div id="rooms-drop" class="dropdown">
  101.                                     <div class="undroped">
  102.                                         <p class="undroped-header transparent-font">
  103.                                         {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['rooms'] != '' %}
  104.                                             {{ app.session.get('filter')['rooms'] }} chambre(s)
  105.                                         {% else %}
  106.                                             Nombre de chambres
  107.                                         {% endif %}
  108.                                         </p>
  109.                                         <p class="undroped-subheader good-place"></p>
  110.                                         <input type="hidden" class="input-subheader" name="rooms">
  111.                                     </div>
  113.                                     <div class="droped">
  114.                                         <div class="dropdown-header">Nombre de chambres</div>
  115.                                         <ul id="rooms-li" class="items">
  116.                                             <li class="item" data-value ="">Indifférent</li>
  117.                                             {% for i in 0..6 %}
  118.                                             <li class="item {% if app.session.get('filter') and app.session.get('filter')['rooms'] is defined and app.session.get('filter')['rooms'] == i %}selected{% endif %}" data-value ="{{ i }}">{{ i }} chambre(s)</li>
  119.                                             {% endfor %}
  120.                                         </ul>
  121.                                     </div>
  122.                                 </div>
  124.                                     <!--<input class="sub-search-input" id="area-minimum" name="area-minimum" type="text" placeholder="Surface min.">-->
  126.                                     <div id="area-drop" class="dropdown" style="border: 1px solid black;">
  127.                                         <div class="undroped">
  128.                                             <p class="undroped-header transparent-font">
  129.                                             {% if app.session.get('filter') and app.session.get('filter')['area-minimum'] is defined and app.session.get('filter')['area-minimum'] != '' %}
  130.                                                 {{ app.session.get('filter')['area-minimum'] }} m²
  131.                                             {% else %}
  132.                                                 Surface minimum
  133.                                             {% endif %}
  134.                                             </p>
  135.                                             <p class="undroped-subheader good-place"></p>
  136.                                             <input type="hidden" class="input-subheader" name="area-minimum">
  137.                                         </div>
  139.                                         <div class="droped">
  140.                                             <div class="dropdown-header">Surface minimum</div>
  142.                                             <ul id="area-li" class="items">
  143.                                                 <li class="item" data-value="">Indifférent</li>
  144.                                                 <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>
  145.                                                 <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>
  146.                                                 <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>
  147.                                                 <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>
  148.                                                 <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>
  149.                                                 <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>
  150.                                                 <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>
  151.                                                 <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>
  152.                                                 <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>
  153.                                                 <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>
  154.                                                 <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>
  155.                                                 <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>
  156.                                                 <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>
  157.                                                 <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>
  158.                                                 <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>
  159.                                                 <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>
  160.                                                 <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>
  161.                                                 <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>
  162.                                                 <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>
  163.                                                 <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>
  164.                                                 <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>
  165.                                             </ul>
  166.                                         </div>
  167.                                 </div>
  168.                             </div>
  169.                             <div>
  170.                                 <button style="background-color: transparent;border-color: transparent;" id="submit-search" type="submit">
  171.                                     <svg class="search-button" xmlns="http://www.w3.org/2000/svg" width="55.982" height="90.97" viewBox="0 0 55.982 90.97">
  172.                                         <g id="Groupe_3817" data-name="Groupe 3817" transform="translate(-1528.861 -105)">
  173.                                             <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"/>
  174.                                             <g id="Groupe_3794" data-name="Groupe 3794" transform="translate(1545.335 126.696)">
  175.                                                 <g id="np_search_1868241_000000">
  176.                                                     <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"/>
  177.                                                     <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"/>
  178.                                                 </g>
  179.                                             </g>
  180.                                         </g>
  181.                                     </svg></button>
  182.                                 <button class="btn btn-primary" id="send" type="submit" style="display: none">Envoyer</button>
  183.                             </div>
  184.                         </div>
  185.                     </form>
  186.                 </div>
  187.             </div>
  188.         </div>
  189.     </div>
  190. </div>