templates/pages/search_form.html.twig line 1

Open in your IDE?
  1. <!-- Booking from START -->
  2. <form class="bg-mode shadow rounded-3 position-relative p-4 pe-md-5 pb-5 pb-md-4 mb-4" action="{{ path('home_search') }}" method="get">
  3.     <div class="row g-4 align-items-center">
  4.         <!-- Location -->
  5.         <div class="col-lg-3">
  6.             <div class="form-control-border form-control-transparent form-fs-md d-flex">
  7.                 <!-- Icon -->
  8.                 <i class="bi bi-geo-alt fs-5 me-2 mt-4"></i>
  9.                 <!-- Select input -->
  10.                 <div class="flex-grow-1">
  11.                     <label class="form-label">{% trans %}Location{% endtrans %}</label>
  12.                     <select id="search-location" class="form-select" data-search-enabled="true" data-url="{{ path('region_list_ajax') }}" data-lang="{{ currentLocale.key }}" name="search[location]">
  13.                         {% if region is defined and region is not empty %}
  14.                         <option value="{% if params.search is defined %}{{ region.id }} {% else %}{% trans %}2395{% endtrans %}{% endif %}">{% if params.search is defined %}{{ region.name }} {% else %}{% trans %}Moscow{% endtrans %}{% endif %}</option>
  15.                         {% endif %}
  16.                         {% if region is defined and region is not empty %}
  18.                             <option value="2395">{% if currentLocale.key == 'ru' %}Москва{% else %}Moskow{% endif %}</option>
  19.                             <option value="{{ region.id }}">{{ region.name }}</option>
  20.                             {% else %}
  21.                             <option value="2395">{% if currentLocale.key == 'ru' %}Москва{% else %}Moskow{% endif %}</option>
  22.                         {% endif %}
  24.                     </select>
  25.                 </div>
  26.             </div>
  27.         </div>
  29.         <!-- Check in -->
  30.         <div class="col-lg-3">
  31.             <div class="d-flex">
  32.                 <!-- Icon -->
  33.                 <i class="bi bi-calendar2-check fs-5 me-2 mt-4"></i>
  34.                 <!-- Date input -->
  35.                 <div class="form-control-border form-control-transparent form-fs-md">
  36.                     <label class="form-label">{% trans %}Check in - out{% endtrans %}</label>
  37.                     <input type="text" class="form-control flatpickr" data-mode="range" data-locale="{{ currentLocale.key }}" placeholder="Select date" value="19 Sep to 28 Sep">
  39.                     <input type="hidden" id="search-checkin" name="search[checkin]" {% if params.search is defined %} value="{{ params.search.checkin }}" {% endif %}>
  40.                     <input type="hidden" id="search-checkout" name="search[checkout]" {% if params.search is defined %} value="{{ params.search.checkout }}" {% endif %}>
  41.                 </div>
  42.             </div>
  43.         </div>
  45.         <!-- Guest -->
  46.         <div class="col-lg-3">
  47.             <div class="form-control-border form-control-transparent form-fs-md d-flex">
  49.                 <!-- Icon -->
  50.                 <i class="bi bi-people fs-5 me-2 mt-4"></i>
  51.                 <!-- Dropdown input -->
  52.                 <div class="w-100">
  53.                     <label class="form-label">{% trans %}Guests & rooms{% endtrans %}</label>
  54.                     <div class="dropdown guest-selector me-2">
  55.                             <input type="text" class="form-guest-selector form-control selection-result" value="1 Guests 1 Room" id="dropdownGuest" data-bs-auto-close="outside" data-bs-toggle="dropdown">
  57.                             <!-- dropdown items -->
  58.                             <ul class="dropdown-menu guest-selector-dropdown" aria-labelledby="dropdownGuest">
  59.                                 <!-- Adult -->
  60.                                 <div class="rooms-body"></div>
  61.                                 <li class="dropdown-divider"></li>
  62.                                 <div class="rooms-footer">
  64.                                     <li class="d-flex justify-content-between">
  65.                                         <input type="button" class="btn btn-primary" id="add-room" value="{{ 'addroom'|trans }}">
  66.                                         <input type="button" class="btn btn-primary" id="ready-room" value="{{ 'ready'|trans }}">
  67.                                     </li>
  68.                                 </div>
  69.                             </ul>
  70.                         {% if params is defined and params.search is defined and params.search.guests is defined %}
  71.                             <input type="hidden" data-guests="{{ params.search.guests|json_encode }}" id="guests-data">
  72.                         {% endif %}
  73.                     </div>
  75.                     <input type="hidden" id="rooms-translation"
  76.                            data-adults="{{ 'Adults'|trans }}"
  77.                            data-adults-title="{{ 'adults'|trans }}"
  78.                            data-adult="{{ 'Adult'|trans }}"
  79.                            data-ageAbove="{{ 'ageAbove'|trans }}"
  80.                            data-child="{{ 'Child'|trans }}"
  81.                            data-child-en="{{ 'Children'|trans }}"
  82.                            data-children="{{ 'Children'|trans }}"
  83.                            data-children-title="{{ 'children'|trans }}"
  84.                            data-agebelow="{{ 'ageBelow'|trans }}"
  85.                            data-addChildButton="{{ 'addChildButton'|trans }}"
  86.                            data-year="{{ 'year'|trans }}"
  87.                            data-years="{{ 'years'|trans }}"
  88.                            data-years1="{{ 'years1'|trans }}"
  89.                            data-addroom="{{ 'addroom'|trans }}"
  90.                            data-guests="{{ 'guests'|trans }}"
  91.                            data-guest="{{ 'guest'|trans }}"
  92.                            data-rooms="{{ 'Rooms'|trans }}"
  93.                            data-more-room="{{ 'MoreRoom'|trans }}"
  94.                            data-room="{{ 'Room'|trans }}"
  95.                            data-lang="{{ currentLocale.key }}"
  96.                     >
  97.                 </div>
  98.             </div>
  99.         </div>
  101.         <div class="col-lg-3">
  102.             <!-- Icon -->
  103. {#            {{ dump(params.search) }}#}
  104.             <div class="form-control-border form-control-transparent form-fs-md d-flex">
  105.                 <i class="bi bi bi-globe fs-5 me-2 mt-4"></i>
  106.                 <div class="flex-grow-1">
  107.                     <label class="form-label">{% trans %}nationality{% endtrans %}</label>
  108.                     <select id="search-residency" class="form-select"  data-search-enabled="true" data-url="{{ path('home_search_countries_ajax', {'_locale': currentLocale.key}) }}" name="search[residency]">
  110.                         <option value="{% if params.search is defined and params.search.residency is defined %}{{ params.search.residency }}{% else %}{{ country.cca2 }}{% endif %}">{{ country[currentLocale.key] }}</option>
  111.                     </select>
  112.                 </div>
  114.             </div>
  115.         </div>
  117.     </div>
  119.     <!-- Button -->
  120.     <div class="btn-position-md-middle" style="left: 99%">
  121.         <button id="search-button" class="icon-lg btn btn-round btn-primary mb-0" name="search[button]"><i class="bi bi-search fa-fw"></i></button>
  122.     </div>
  124.     <input type="hidden" name="search[currency]" value='RUB' id="search-currency">
  125.     <input type="hidden" name="search[language]" value='{{ currentLocale.key }}' id="search-language">
  127.     <div id="search-form-filters">
  129.     </div>
  132. </form>