src/Aviatur/TwigBundle/Resources/views/octopus/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">
  17.         <h1 class="search__title-principal-flight hide-availengine tooltips text-white">
  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">Vuelos baratos</b>{% else %}<b class="search-title-flight">Busque sus vuelos</b>{% endif %} #}
  36.                     {% if app.session.has('operatorId') != 1 %}<b class="search-title-flight block text-white font-bold
  37.                                     text-[20px] leading-[28px]
  38.                                     whitespace-normal w-[328px]
  39.                                     lg:w-auto lg:text-[24px] lg:leading-[36px] lg:whitespace-nowrap py-7 lg:py-0 pl-1">¿A qué lugar quiere viajar?</b>{% else %}<b class="search-title-flight">Busque sus vuelos</b>{% endif %}
  40.                     {% endif %}
  41.                 {% else %}
  42.                 {#<b class="">Busque sus tiquetes</b>{% if app.session.has('operatorId') != 1 %}<b class="hide-portable"> baratos</b>{% endif %}#}
  43.                 {% if app.session.has('operatorId') != 1 %}<b class="search-title-flight block text-white font-bold
  44.                                     text-[20px] leading-[28px]
  45.                                     whitespace-normal w-[328px]
  46.                                     lg:w-auto lg:text-[24px] lg:leading-[36px] lg:whitespace-nowrap py-7 lg:py-0 pl-1">¿A qué lugar quiere viajar?</b>{% else %}<b class="search-title-flight">Busque sus tiquetes</b>{% endif %}
  47.                 {% endif %}
  48.             {% endif %}
  50.             {% if articulo is defined and articulo.url is defined%}
  51.                 <b class="">Vuelos Baratos</b><b class="hide-portable">
  52.                     {% set info = articulo.url %}
  53.                     {% set info = info|replace({'-': ' '}) %}
  54.                     {% set contentInfo = json_decode(articulo.description, true) %}
  55.                     {% if contentInfo['type']=="aerolineas"%}
  56.                         con {{info|title}}
  57.                     {% endif %}
  58.                     {% if contentInfo['type']=="destinos" %}
  59.                         a {{info|title}}
  60.                     {% endif %}
  61.                 </b>
  62.             {% endif %}
  64.             {% if articulo is defined and articulo.url is not defined and typeArticle is defined%}
  65.                 <span class="">
  66.                     {% set info = typeArticle %}
  67.                     {% set info = info|replace({'-': ' '}) %}
  68.                     {% if info=="colombia"%}
  69.                         Tiquetes
  70.                     {% else %}
  71.                         Vuelos
  72.                     {% endif %}
  73.                     <span class="hide-portable">Baratos </span>
  74.                     a {{info|replace({'oceania': 'oceanía', 'america': "américa",'africa': "áfrica"})|capitalize}}</span>
  75.                 {% endif %}
  76.         </h1>
  77.         {% if validateExplore is defined and validateExplore == true %}
  78.             <div class="search__btn-group btn-group explore-btn hidden-all" role="group" aria-label="Select flight type">
  79.                 <button type="button" id="explore-mobile" class="btn btn--inactive tooltips" data-date="1" data-type="explore-mobile" title="Explorar">
  80.                     <span class="tooltips-content hidden-all show-availengine">Presupuesto</span>
  81.                     <i class="icon icon_banknote hidden-palm show-availengine"></i>
  82.                     <span class="hide-availengine">
  84.                     </span>
  85.                     <div style="display:none">
  86.                         <input type="checkbox" name="applyBudget" id="applyBudget">
  87.                     </div>
  88.                 </button>
  89.             </div>
  90.         {% endif %}
  91.     </div>
  92.     <div class="search__light--box-opaque-palm mx-2.5 lg:mx-0 rounded-[16px] shadow-[0_1px_14px_1px_rgba(0,0,0,0.10)] md:shadow-none">
  93.         <div class="clearfix  mb-lg-0">
  94.             <div style="float:left;" class="search__btn-group btn-group" role="group" aria-label="Select flight type">
  95.                 <button type="button" id="vuelta" class="btn tooltips " data-date="1" data-type="roundtrip" title="Ida y Vuelta">
  96.                     <span class="tooltips-content hidden-all show-availengine font-normal">Ida y Vuelta</span>
  97.                     <i class="material-symbols-rounded flight-type" style="float: left;margin-right: 0.3rem;font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;">radio_button_unchecked</i>
  98.                     <span class="hide-availengine font-[Roboto]">
  99.                         Ida y Vuelta
  100.                     </span>
  101.                 </button>
  102.                 <button type="button" id="ida" class="btn btn--inactive tooltips " data-date="1" data-type="oneway" title="Solo Ida">
  103.                     <span class="tooltips-content hidden-all show-availengine font-normal">Solo Ida</span>
  104.                     <i class="material-symbols-rounded flight-type" style="float: left;margin-right: 0.3rem;font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;">radio_button_checked</i>
  105.                     <span class="hide-availengine font-[Roboto]">
  106.                         Solo Ida
  107.                     </span>
  108.                 </button>
  109.                 <button type="button" id="multidest" class="btn btn--inactive tooltips " title="Multidestino">
  110.                     <span class="tooltips-content hidden-all show-availengine font-normal">Multidestino</span>
  111.                     <i class="material-symbols-rounded flight-type" style="float: left;margin-right: 0.3rem;font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;">radio_button_unchecked</i>
  112.                     <span class="hide-availengine font-[Roboto]">
  113.                         Multidestino
  114.                     </span>
  115.                 </button>
  116.                 {% if validateExplore is defined and validateExplore == true %}
  117.                 <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">
  118.                     <span class="tooltips-content show-availengine">¿Quiere saber a donde viajar con su presupuesto?</span>
  119.                     <i class="icon icon_banknote hidden-palm show-availengine"></i>
  120.                     <span class="hide-availengine">
  121.                         Buscar por presupuesto
  122.                     </span>
  123.                     <div style="display:none">
  124.                         <input type="checkbox" name="applyBudget" id="applyBudget">
  125.                     </div>
  126.                 </button>
  127.                 {% endif %}
  128.             </div>
  129.         </div>
  130.         {# END .search-header #}
  131.         {# START .search-body #}
  132.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine_body.html.twig') %}
  133.         {# END .search-body #}
  134.         {# START .search-show #}
  135.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine_show.html.twig') %}
  136.         {# END .search-show #}
  137.         {# START .search-footer #}
  138.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine_options.html.twig') %}
  139.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine_footer.html.twig') %}
  140.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_notificationModal.html.twig') %}
  141.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_cencosudLatamTrips.html.twig') %}
  142.         {# END .search-footer #}
  143.         {# SUBMIT #}
  144.         <div class="clearfix">
  145.             <span id="js-responsive-submit-palm"></span>
  146.             <div class="flex-row form-group js-responsive-submit search-flight__col-footer-search">
  147.                 <input type="button" value="travel Buscar en Vuelos" style="font-size:1.2rem;letter-spacing: 0.2rem;" class="hide material-symbols-rounded search__footer__submit btn btn--submit btn--full {% block package_submit_btn_2 %}js-searchButton{% endblock %}">
  148.                 <a class="btn btn--submit btn--full {% block package_submit_btn_3 %}js-searchButton{% endblock %}">
  149.                     Buscar en vuelos
  150.                 </a>
  151.             </div>
  152.         </div>
  153.     </div>
  154.     <script type="module" src='{{ script('FlightBundle//search_flight_swap_index.js') }}'></script>
  155.     <script src="https://q.bstatic.com/static/affiliate_base/js/search_extension.js" integrity="sha384-SKVrvRv16JN55Tqpe0zKniEUmA3VK5mLvUUiLIoYMy6P21mse6WxTbIQRRjNx2Er" crossorigin="anonymous" async defer></script>
  156. </form>
  157. {# <div class="wrapper flex-row  hide-palm">
  158.         <div class="col-grid text-center js-scroll-down">
  159.             <h5 href="#" class="type-white sp-stack--small" style="text-shadow: 1px 1px 2px black;">Descubra promociones</h5>
  160.             <span class="material-symbols-outlined type-white sp-stack--big">expand_more</span>
  161.         </div>
  162.     </div> #}