src/Aviatur/TwigBundle/Resources/views/default/Flux/Search/Flight/flightSearch_engine.html.twig line 1

Open in your IDE?
  1. <form action ="#" class="search__engine clearfix search-flight js-searchForm js-searchFormFlight">
  2.     {% if cookieLastSearch is defined and cookieLastSearch != null %}
  3.         <div style="display:none">
  4.             <p id="js-cookieLastSearch-origin">{{ cookieLastSearch['origin1'] }}</p>
  5.             <p id="js-cookieLastSearch-destination">{{ cookieLastSearch['destination1'] }}</p>
  6.             <p id="js-cookieLastSearch-originLabel">{{ cookieLastSearch['originLabel1'] }}</p>
  7.             <p id="js-cookieLastSearch-destinationLabel">{{ cookieLastSearch['destinationLabel1'] }}</p>
  8.             <p id="js-cookieLastSearch-date1">{{ cookieLastSearch['date1'] }}</p>
  9.             <p id="js-cookieLastSearch-date2">{% if cookieLastSearch['date2'] is defined %}{{ cookieLastSearch['date2'] }}{% endif %}</p>
  10.             <p id="js-cookieLastSearch-adults">{{ cookieLastSearch['adults'] }}</p>
  11.             <p id="js-cookieLastSearch-children">{{ cookieLastSearch['children'] }}</p>
  12.             <p id="js-cookieLastSearch-infants">{{ cookieLastSearch['infants'] }}</p>
  13.         </div>
  14.     {% endif %}
  15.     {# START .search-header #}
  16.     <div class="search__header clearfix mb-lg-0" style="padding-top:12%; padding-bottom: 3%;">
  17.         <h1 class="search__title-principal-flight hide-availengine tooltips">
  18.             {# <span class="tooltips-content hidden-all">Vuelos Baratos</span> #}
  19.             <i class="icon icon_bundle_flight search__title__icon hide-lap-and-up hide-palm"></i>
  20.             {% if articulo is not defined %}
  21.                 {% if promoType is defined %}
  22.                     {% if 'ofertas-' in promoType and 'destinos' not in promoType and 'fin' not in promoType%}
  23.                         {% set promoArray = promoType|split('-') %}
  24.                         <span class="">Busque sus tiquetes baratos </span><span class="hide-portable">
  25.                             {% if promoArray|length == 2 %}
  26.                                 <span>{{promoArray[1]|capitalize}}</span>
  27.                             {% elseif promoArray|length == 3 %}
  28.                                 <span>{{promoArray[1]|capitalize}} {{promoArray[2]|capitalize}}</span>
  29.                             {% elseif promoArray|length == 4 %}
  30.                                 <span>{{promoArray[2]|capitalize}} {{promoArray[3]|capitalize}}</span>
  31.                             {% endif %}
  32.                         </span>
  33.                     {% else %}
  34.                         <!-- b class="">Busque sus vuelos</b -->{#% if app.session.has('operatorId') != 1 %}<b class="hide-portable"> baratos</b>{% endif %#}
  35.                         {% if app.session.has('operatorId') != 1 %}<b class="search-title-flight mb-5">¿A qué lugar quiere viajar?</b>{% else %}<b class="search-title-flight">Busque sus vuelos</b>{% endif %}
  36.                     {% endif %}
  37.                 {% else %}
  38.                 {#<b class="">Busque sus tiquetes</b>{% if app.session.has('operatorId') != 1 %}<b class="hide-portable"> baratos</b>{% endif %}#}
  39.                 {% if app.session.has('operatorId') != 1 %}<b class="search-title-flight mb-5">¿A qué lugar quiere viajar?</b>{% else %}<b class="search-title-flight">Busque sus tiquetes</b>{% endif %}
  40.                 {% endif %}
  41.             {% endif %}
  43.             {% if articulo is defined and articulo.url is defined%}
  44.                 <b class="">Vuelos Baratos</b><b class="hide-portable">
  45.                     {% set info = articulo.url %}
  46.                     {% set info = info|replace({'-': ' '}) %}
  47.                     {% set contentInfo = json_decode(articulo.description, true) %}
  48.                     {% if contentInfo['type']=="aerolineas"%}
  49.                         con {{info|title}}
  50.                     {% endif %}
  51.                     {% if contentInfo['type']=="destinos" %}
  52.                         a {{info|title}}
  53.                     {% endif %}
  54.                 </b>
  55.             {% endif %}
  57.             {% if articulo is defined and articulo.url is not defined and typeArticle is defined%}
  58.                 <span class="">
  59.                     {% set info = typeArticle %}
  60.                     {% set info = info|replace({'-': ' '}) %}
  61.                     {% if info=="colombia"%}
  62.                         Tiquetes
  63.                     {% else %}
  64.                         Vuelos
  65.                     {% endif %}
  66.                     <span class="hide-portable">Baratos </span>
  67.                     a {{info|replace({'oceania': 'oceanía', 'america': "américa",'africa': "áfrica"})|capitalize}}</span>
  68.                 {% endif %}
  69.         </h1>
  70.         {% if validateExplore is defined and validateExplore == true %}
  71.             <div class="search__btn-group btn-group explore-btn hidden-all" role="group" aria-label="Select flight type">
  72.                 <button type="button" id="explore-mobile" class="btn btn--inactive tooltips" data-date="1" data-type="explore-mobile" title="Explorar">
  73.                     <span class="tooltips-content hidden-all show-availengine">Presupuesto</span>
  74.                     <i class="icon icon_banknote hidden-palm show-availengine"></i>
  75.                     <span class="hide-availengine">
  77.                     </span>
  78.                     <div style="display:none">
  79.                         <input type="checkbox" name="applyBudget" id="applyBudget">
  80.                     </div>
  81.                 </button>
  82.             </div>
  83.         {% endif %}
  84.     </div>
  85.     <div class="search__light--box-opaque-palm  xs:border xs:border-gray xs:rounded-[5px] xs:shadow-[0_0px_3px_-10px_rgba(0,0,0,0.3)] xs:bg-white s:border s:border-gray s:rounded-[5px] s:shadow-[0_0px_3px_-10px_rgba(0,0,0,0.3)] s:bg-white">
  86.         <div class="search__header clearfix  mb-lg-0 pt-[4px] xs:pt-[4px] s:pt-[4px]"> 
  87.             <div style="float:left; margin-bottom: -12%;" class="search__btn-group btn-group" role="group" aria-label="Select flight type">
  88.                 <button type="button" id="vuelta" class="btn tooltips" data-date="1" data-type="roundtrip" title="Ida y Vuelta">
  89.                     <span class="tooltips-content hidden-all show-availengine">Ida y Vuelta</span>
  90.                     <i class="material-symbols-outlined flight-type" style="float: left;margin-right: 0.3rem;font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;">radio_button_unchecked</i>
  91.                     <span class="hide-avaialengine">
  92.                         Ida y Vuelta
  93.                     </span>
  94.                 </button>
  95.                 <button type="button" id="ida" class="btn btn--inactive tooltips xs:ml-[-3%] s:ml-[-3%]" data-date="1" data-type="oneway" title="Solo Ida">
  96.                     <span class="tooltips-content hidden-all show-availengine">Solo Ida</span>
  97.                     <i class="material-symbols-outlined flight-type" style="float: left;margin-right: 0.3rem;font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;">radio_button_checked</i>
  98.                     <span class="hide-availengine">
  99.                         Solo Ida
  100.                     </span>
  101.                 </button>
  102.                 <button type="button" id="multidest" class="btn btn--inactive tooltips xs:mr-[-8%] s:mr-[-8%] xs:ml-[-3%] s:ml-[-3%] " title="Multidestino">
  103.                     <span class="tooltips-content hidden-all show-availengine">Multidestino</span>
  104.                     <i class="material-symbols-outlined flight-type" style="float: left;margin-right: 0.3rem;font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;">radio_button_unchecked</i>
  105.                     <span class="hide-availengine">
  106.                         Multidestino
  107.                     </span>
  108.                 </button>
  109.                 {% if validateExplore is defined and validateExplore == true %}
  110.                 <button style="visibility:hidden;" type="button" id="explore" class="btn btn-explore btn--inactive tooltips hide-portable" data-date="1" data-type="explore" title="Explorar">
  111.                     <span class="tooltips-content show-availengine">¿Quiere saber a donde viajar con su presupuesto?</span>
  112.                     <i class="icon icon_banknote hidden-palm show-availengine"></i>
  113.                     <span class="hide-availengine">
  114.                         Buscar por presupuesto
  115.                     </span>
  116.                     <div style="display:none">
  117.                         <input type="checkbox" name="applyBudget" id="applyBudget">
  118.                     </div>
  119.                 </button>
  120.                 {% endif %}
  121.             </div>
  122.         </div>
  123.         {# END .search-header #}
  124.         {# START .search-body #}
  125.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine_body.html.twig') %}
  126.         {# END .search-body #}
  127.         {# START .search-show #}
  128.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine_show.html.twig') %}
  129.         {# END .search-show #}
  130.         {# START .search-footer #}
  131.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine_options.html.twig') %}
  132.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine_footer.html.twig') %}
  133.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_notificationModal.html.twig') %}
  134.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_cencosudLatamTrips.html.twig') %}
  135.         {# END .search-footer #}
  136.         {# SUBMIT #}
  137.         <div class="clearfix">
  138.             <span id="js-responsive-submit-palm"></span>
  139.             <div class="flex-row form-group js-responsive-submit search-flight__col-footer-search">
  140.                 <input type="button" value="travel Buscar en Vuelos" style="font-size:1.2rem;letter-spacing: 0.2rem;" class="hide material-symbols-outlined search__footer__submit btn btn--submit btn--full {% block package_submit_btn_2 %}js-searchButton{% endblock %}">
  141.                 <a class="btn btn--submit btn--full {% block package_submit_btn_3 %}js-searchButton{% endblock %}">
  142.                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.55755 4.89425L5.03343 0.63501H6.84541C7.1997 0.635009 7.54744 0.730493 7.85207 0.911424C8.15671 1.09235 8.40697 1.35205 8.57656 1.66319L10.7027 4.89425H6.55755ZM13.8121 6.16132H3.28782L1.58757 4.4593C1.43133 4.29461 1.21976 4.1935 0.993513 4.17539C0.767265 4.15728 0.542309 4.22346 0.361884 4.3612C0.181458 4.49894 0.0582949 4.69853 0.0160672 4.9216C-0.0261604 5.14466 0.0155273 5.37547 0.133118 5.56966L2.2494 9.44835H6.94728L4.62332 15.365H6.63641C6.98398 15.3664 7.32561 15.2749 7.62602 15.1001C7.92643 14.9252 8.17471 14.6733 8.34521 14.3703L11.3599 9.44835H15.7837V8.13354C15.7837 7.61047 15.576 7.10883 15.2063 6.73897C14.8365 6.36911 14.335 6.16132 13.8121 6.16132Z" fill="white"/></svg>
  143.                     Buscar en vuelos
  144.                 </a>
  145.             </div>
  146.         </div>
  147.     </div>
  148.     <script src="https://q.bstatic.com/static/affiliate_base/js/search_extension.js" integrity="sha384-SKVrvRv16JN55Tqpe0zKniEUmA3VK5mLvUUiLIoYMy6P21mse6WxTbIQRRjNx2Er" crossorigin="anonymous" async defer></script>
  149. </form>
  150. {# <div class="wrapper flex-row  hide-palm">
  151.         <div class="col-grid text-center js-scroll-down">
  152.             <h5 href="#" class="type-white sp-stack--small" style="text-shadow: 1px 1px 2px black;">Descubra promociones</h5>
  153.             <span class="material-symbols-outlined type-white sp-stack--big">expand_more</span>
  154.         </div>
  155.     </div> #}