src/Aviatur/TwigBundle/Resources/views/aval/Flux/Search/Cruise/cruiseSearch_engine.html.twig line 1

Open in your IDE?
  1. {% if inlineEngine is defined %}
  2.     {# if NOT desktop hompage, var from controller #}
  3.     {% set dispoEngine = true %}
  4. {% else %}
  5.     {% set dispoEngine = false %}
  6. {% endif %}
  8. {% block javascripts %}
  9.     <script type="text/javascript">
  10.         var getportsUrl = '{{path('aviatur_cruise_ports_by_region')}}';
  11.     </script>
  12. {% endblock %}
  13. {% set cookie = false %}
  14. <form action="" class="search__engine clearfix search-cruise js-searchForm js-searchFormCruise">
  15.     {% if cookieLastSearch is defined and cookieLastSearch != null %}
  16.         {% set cookie = true %}
  17.         <div style="display:none">
  18.             <p id="js-cookieLastSearch-destination">{{ cookieLastSearch.region }}</p>
  19.             {#            <p id="js-cookieLastSearch-destinationLabel">{{ cookieLastSearch.destinationLabel }}</p>#}
  20.             <p id="js-cookieLastSearch-date1">{{ cookieLastSearch.dateIn }}</p>
  21.             <p id="js-cookieLastSearch-date2">{{ cookieLastSearch.dateReturn }}</p>
  22.             <p id="js-cookieLastSearch-adults">{{ cookieLastSearch.adults }}</p>
  23.             {% for adult in cookieLastSearch.ageAdults %}
  24.                 <p id="js-cookieLastSearch-adultsAge{{ loop.index}}">{{ adult }}</p>
  25.             {% endfor %}
  26.             <p id="js-cookieLastSearch-children">{{ cookieLastSearch.children }}</p>
  27.             {# {% if cookieLastSearch.ageChild is iterable %} #}
  28.             {% for child in cookieLastSearch.ageChildren %}
  29.                 <p id="js-cookieLastSearch-childrenAge{{ loop.index}}">{{ child }}</p>
  30.             {% endfor %}
  31.             {# {% endif %} #}
  32.         </div>
  33.     {% endif %}
  34.     {# START .search-header #}
  35.     <div class="search__header clearfix">
  36.         <h1 class="search__title hide-availengine">
  37.             <i class="icon icon_bundle_cruise search__title__icon hide-lap-and-up"></i>
  38.             <span>Su viaje ideal a bordo de un crucero</span>
  39.         </h1>
  40.     </div>
  41.     {# END .search-header #}
  42.     {# START .search-body #}
  43.     <section class="search__row-main  relative z-40">
  44.         <div class="wrapper-susy">
  45.             <div class="col-4 sm-12 search__col-cruise-city">
  46.                 <div class="form-group">
  47.                     <select name="parameters[option]" id="destination"  class="text-input input--white select--arrow" >
  48.                         <option value="0" disabled selected="selected">Seleccione una región</option>
  49.                         <option class="color-black" value="2">Caribe</option>
  50.                         <option class="color-black" value="28">Bahamas</option>
  51.                         <option class="color-black" value="13">Alaska</option>
  52.                         <option class="color-black" value="31">Panamá</option>
  53.                         <option class="color-black" value="4">Europa</option>
  54.                         {#
  55.                         {% for region in regions %}
  56.                             <option value="{{region.regionCode}}">{{region.name}}</option>
  57.                         {% endfor %}
  58.                         #}
  59.                     </select>
  60.                     <label id="js-destinationError" class="label--error js-searchError" style="display:none;"></label>
  61.                 </div>
  62.             </div>
  63.             <div class="col-4 sm-12 search__col-cruise-date">
  64.                 <div class="form-group">
  65.                     <select name="parameters[month]" id="dateMonth"  class="text-input input--white select--arrow" >
  66.                         <option value="0" disabled selected>Fecha de salida</option>
  67.                         {% for i in 0..17 %}
  68.                             {% set month = 'now'|date('Y-m-01')|date_modify('+' ~ i ~ ' month') %}
  69.                             <option value="{{ month|localizeddate('medium', 'none', null, null, 'yyyy/M') }}">{{ month|localizeddate('medium', 'none', null, null, 'MMMM yyyy')|capitalize }}</option>
  70.                         {% endfor %}
  71.                     </select>
  72.                     <label id="js-dateMonthError" class="label--error js-searchError" style="display: none;"></label>
  73.                 </div>
  74.             </div>
  75.             {# START search #}
  76.             <div class="search-cruise__col-submit col-4 sm-12 p-0">
  77.                 <div class="form-group">
  78.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Cruise/cruiseSearch_engine_footer.html.twig') %}
  79.                     <div class="col-6 sm-12 search-cruise__col-submit">
  80.                         <span id="js-responsive-submit-lap-and-up"></span>
  81.                         <div class="js-responsive-submit form-group">
  82.                             <input style="letter-spacing:1px;text-transform:unset;font-size: 14px;" type="button" value="Buscar" data-type="online" class="search__footer__submit btn btn--full btn--submit {% block package_submit_btn %}js-searchButton{% endblock %}">
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </div>
  88.         {# END search #}
  89.         <div class="wrapper-susy">
  90.             {# START promotonials #}
  91.             <div class="col-6 sm-12">
  92.                 <div class="col-6 sm-12 mt-2 p-0 search__col-hotel-city dispo__col-search">
  93.                     <div class="form-group">
  94.                         <label class="hide-availengine" for="loyaltyMembershipID">Número de fidelidad <em>(Opcional)</em></label>
  95.                         <i class="icon icon_search_close icon__input icon__input--click js-empty  material-symbols-outlined"></i>
  96.                         <input id="loyaltyMembershipID" class="text-input input--white js-searchErrorInput js-scrollToTop js-selectOnFocus" type="text" name="parameters[loyaltyMembershipID]" placeholder="Ingrese número de fidelidad">
  97.                         <label id="js-loyaltyError" class="label--error js-searchError" style="display:none;"></label>
  98.                     </div>
  99.                 </div>
  100.             </div>
  101.             {# END promotonials #}
  102.         </div>
  103.     </section>
  104.     {# END .search-body #}
  106.     {# Options avanced #}
  107.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Cruise/cruiseSearch_engine_options.html.twig') %}
  108.     <div class="clearfix">
  109.         <span id="js-responsive-submit-palm"></span>
  110.     </div>
  112.     <script type="text/javascript">
  113.         function countPassanger() {
  114.             document.querySelector('.quantityPassangerADT').textContent = document.getElementById('adults').value;
  115.             document.querySelector('.quantityPassangerCHD').textContent = document.getElementById('children').value;
  116.         }
  118.         document.addEventListener('click', e => {
  119.             if (e.target.matches('.js-palmPrevModal *') || e.target.matches('.js-palmPrevModal')) {
  120.                 document.querySelector('.js-travelers').style.display = 'none';
  121.             }
  122.             if (e.target.matches('.search__btn-increment *') || e.target.matches('#adults') || e.target.matches('#children')) {
  123.                 countPassanger();
  124.             }
  125.         });
  126.     </script>
  127. </form>