src/Aviatur/TwigBundle/Resources/views/aval/Flux/Search/Hotel/hotelSearch_engine.html.twig line 1

Open in your IDE?
  1. <form action="" class="bg-[rgba(0,0,0,0.03)] px-[18px] pb-[18px] clearfix search-hotel js-searchForm js-searchFormHotel">
  2.     {% if cookieLastSearch is defined and cookieLastSearch != null %}
  3.         <div style="display:none">
  4.             <p id="js-cookieLastSearch-destination">{{ cookieLastSearch.destination }}</p>
  5.             <p id="js-cookieLastSearch-destinationLabel">{{ cookieLastSearch.destinationLabel }}</p>
  6.             <p id="js-cookieLastSearch-date1">{{ cookieLastSearch.date1 }}</p>
  7.             <p id="js-cookieLastSearch-date2">{{ cookieLastSearch.date2 }}</p>
  8.             <p id="js-cookieLastSearch-adults">{{ cookieLastSearch.adults }}</p>
  9.             <p id="js-cookieLastSearch-children">{{ cookieLastSearch.children }}</p>
  10.             {% if cookieLastSearch.childAge is iterable %}
  11.                 {% for child in cookieLastSearch.childAge.age1 %}
  12.                     <p id="js-cookieLastSearch-childrenAge{{ loop.index}}">{{ child }}</p>
  13.                 {% endfor %}
  14.             {% endif %}
  15.         </div>
  16.     {% endif %}
  17.     {# START .search-header #}
  18.     <div class="search__header clearfix">
  19.         <h3 class="search__title hide-availengine">
  20.             <i class="icon icon_bundle_hotel search__title__icon hide-lap-and-up"></i>
  21.             <span class="">Comprar Hoteles</span><span class="hide-portable"> Baratos</span>
  22.         </h3>
  23.     </div>
  24.     {# END .search-header #}
  25.     {# START .search-body #}
  26.     <section>
  27.         <div id="hotelOptions" class="w-full grid grid-cols-12 gap-x-4 gap-y-4">
  28.             <div class="col-span-12 lg:col-span-5 float-left relative">
  29.             {# Autocomplete #}
  30.                 <input type="hidden" name="parameters[destination]" id="destination" />
  31.                 <div class="w-full bg-white border border-black/10 overflow-visible h-9 leading-9 cursor-text">
  32.                     <div class="flex items-center h-full px-2">
  33.                         <input id="destinationValidate" class="w-full h-full outline-none js-searchErrorInput js-scrollToTop js-selectOnFocus" type="text" name="parameters[destinationValidate]" placeholder="Ubicación del Hotel" autocomplete="off">
  34.                         <span id="js-deleteInputDestination" class="material-symbols-rounded cursor-pointer text-[#888B8D] flex justify-center">close</span>
  35.                     </div>
  36.                     <div id="js-autocomplete-hotelModal" class="absolute z-30 bg-[#FFFFFF] l:bg-[#1E1E1E] text-[#2F2F2F] l:text-white py-6 px-4 w-full rounded-lg font-roboto flex flex-col gap-y-2 max-h-[400px] overflow-y-auto shadow-[0px_1px_12.2px_1px_rgba(0,0,0,0.10)]" style="display: none; scrollbar-width: none; -ms-overflow-style: none;" data-active="false"></div>
  37.                 </div>
  38.                 <label id="js-destinationError" class="label--error js-searchError" style="display: none;"></label>
  39.             </div>
  40.             {# End Autocomplete #}
  41.             {# DATES #}
  42.             <div id="datesdisplay1Id" class="grid grid-cols-12 gap-x-4 col-span-12 lg:col-span-7">
  43.                 <div class="col-span-12 md:col-span-6">
  44.                     <div class="form-group">
  45.                         <div class="relative icon__input--inline icon_search_calendar-in js-createDatepicker js-datepicker-container-open" data-input="#date1" data-instancenbr="1" role="button" tabindex="0" data-tabopen="1">
  46.                             <input type="hidden" name="parameters[date1]" id="date1" readonly="readonly" style="display:none">
  47.                             <input type="text" id="js-createDatepicker1" name="parameters[date1validate]" placeholder="Fecha Ida" readonly="readonly" class="text-input input--white js-searchErrorInput js-inputDatepicker no-focus" tabindex="-1">
  48.                             <img class="search-shared_datepicker-arrow-top js-datepicker-container-arrow-top hide-availengine" src="{{ asset('assets/'~ agency_folder.assetStyle() ~'/img/icon/arrow_datepicker_top.png') }}" alt="top-pointer"/>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  52.                 <div class="col-span-12 md:col-span-6">
  53.                     <div class="form-group">
  54.                         <div class="relative icon__input--inline icon_search_calendar-out js-createDatepicker js-datepicker-container-open" data-input="#date-return1" data-instancenbr="1" role="button" tabindex="0" data-tabopen="1">
  55.                             <input type="hidden" name="parameters[date-return1]" id="date-return1" readonly="readonly" style="display:none">
  56.                             <input type="text" id="js-createDatepicker-return1" name="parameters[date1validate]" placeholder="Fecha Ida" readonly="readonly" class="text-input input--white js-searchErrorInput js-inputDatepicker no-focus" tabindex="-1">
  57.                             <img class="search-shared_datepicker-arrow-top js-datepicker-container-arrow-top hide-availengine" src="{{ asset('assets/'~ agency_folder.assetStyle() ~'/img/icon/arrow_datepicker_top.png') }}" alt="top-pointer"/>
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.             <label id="js-dateError" class="label--error js-searchError" style="display: none;"></label>
  63.             {# END DATES #}
  64.         </div>
  65.     </section>
  66.     {# END .search-body #}
  67.     {# START .search-footer #}
  68.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Hotel/hotelSearch_engine_footer.html.twig') %}
  69.     {# END .search-footer #}
  70. </form>