src/Aviatur/TwigBundle/Resources/views/default/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 = '{{url('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.         <h2 class="search__title hide-availengine">Su viaje ideal a bordo de un crucero</h2>
  37.     </div>
  38.     {# END .search-header #}
  39.     {# START .search-body #}
  40.     <section class="search__row-main">
  41.         <div class="row-grids">
  42.             <div class="col-5 sm-12 search__col-cruise-city">
  43.                 <div class="form-group">
  44.                     <select name="parameters[option]" id="destination"  class="text-input input--white select--arrow" >
  45.                         <option class="color-black" value="0" disabled selected="selected">Seleccione una región</option>
  46.                         <option class="color-black" value="2">Caribe</option>
  47.                         <option class="color-black" value="28">Bahamas</option>
  48.                         <option class="color-black" value="13">Alaska</option>
  49.                         <option class="color-black" value="31">Panamá</option>
  50.                         <option class="color-black" value="4">Europa</option>
  51.                         {#
  52.                         {% for region in regions %}
  53.                             <option value="{{region.regionCode}}">{{region.name}}</option>
  54.                         {% endfor %}
  55.                         #}
  56.                     </select>
  57.                     <label id="js-destinationError" class="label--error js-searchError" style="display:none;"></label>
  58.                 </div>
  59.             </div>
  60.             <div class="col-4 sm-12 search__col-cruise-date">
  61.                 <div class="form-group">
  62.                     <select name="parameters[month]" id="dateMonth"  class="text-input input--white select--arrow" >
  63.                         <option value="0" disabled selected>Fecha de salida</option>
  64.                         {% for i in 0..24 %}
  65.                             {% set month = 'now'|date('Y-m-01')|date_modify('+' ~ i ~ ' month') %}
  66.                             <option class="color-black" value="{{ month|localizeddate('medium', 'none', null, null, 'yyyy/M') }}">{{ month|localizeddate('medium', 'none', null, null, 'MMMM yyyy')|capitalize }}</option>
  67.                         {% endfor %}
  68.                     </select>
  69.                     <label id="js-dateMonthError" class="label--error js-searchError" style="display: none;"></label>
  70.                 </div>
  71.             </div>
  72.             {# START search #}
  73.             <div class="col-4 sm-12 p-0">
  74.                 <div class="form-group">
  75.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Cruise/cruiseSearch_engine_footer.html.twig') %}
  76.                 </div>
  77.             </div>
  78.             <div class="col-1 sm-12 search-cruise__col-submit">
  79.                 <a class="btn-circle search__footer__submit js-responsive-submit {% block package_submit_btn %}js-searchButton{% endblock %} xs:w-4/5 xs:ml-3 ">
  80.                     <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  81.                         <path d="M13.8001 25.3484C20.2869 25.3484 25.5455 20.1721 25.5455 13.7868C25.5455 7.40158 20.2869 2.22531 13.8001 2.22531C7.31329 2.22531 2.05469 7.40158 2.05469 13.7868C2.05469 20.1721 7.31329 25.3484 13.8001 25.3484Z" fill="none" stroke="white" stroke-width="2.71293" stroke-linecap="round" stroke-linejoin="round"></path>
  82.                         <path d="M28.4803 28.2407L22.0938 21.9541" stroke="white" stroke-width="2.71293" stroke-linecap="round" stroke-linejoin="round"></path>
  83.                     </svg>
  84.                 </a>
  85.                 <span id="js-responsive-submit-lap-and-up"></span>
  86.                 <div class="js-responsive-submit form-group lg:hidden xs:hidden s:hidden" style="display: none;">
  87.                     <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">
  88.                 </div>
  89.                 
  90.             </div>
  91.         </div>
  92.         {# END search #}
  93.         <div class="wrapper-susy hide">
  94.             {# START promotonials #}
  95.             <div class="col-6 sm-12">
  96.                 <div class="col-6 sm-12 mt-2 p-0 search__col-hotel-city dispo__col-search">
  97.                     <div class="form-group">
  98.                         <label class="hide-availengine" for="loyaltyMembershipID">Número de fidelidad <em>(Opcional)</em></label>
  99.                         <i class="icon icon_search_close icon__input icon__input--click js-empty"></i>
  100.                         <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">
  101.                         <label id="js-loyaltyError" class="label--error js-searchError" style="display:none;"></label>
  102.                     </div>
  103.                 </div>
  104.             </div>
  105.             {# END promotonials #}
  106.         </div>
  107.     </section>
  108.     {# END .search-body #}
  110.     {# Options avanced #}
  111.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Cruise/cruiseSearch_engine_options.html.twig') %}
  112.     <div class="clearfix">
  113.         <span id="js-responsive-submit-palm"></span>
  114.     </div>
  116.     <script type="text/javascript">
  117.         const d = document;
  119.         function countPassanger() {
  120.             d.querySelector('.quantityPassangerADT').textContent = d.getElementById('adults').value;
  121.             d.querySelector('.quantityPassangerCHD').textContent = d.getElementById('children').value;
  122.         }
  124.         d.addEventListener('click', e => {
  125.             if (e.target.matches('.js-palmPrevModal *') || e.target.matches('.js-palmPrevModal')) {
  126.                 d.querySelector('.js-travelers').style.display = 'none';
  127.             }
  128.             if (e.target.matches('.search__btn-increment *') || e.target.matches('#adults') || e.target.matches('#children')) {
  129.                 countPassanger();
  130.             }
  131.         });
  132.     </script>
  133. </form>