src/Aviatur/TwigBundle/Resources/views/aviatur/Flux/Flight/Default/availability.html.twig line 6

Open in your IDE?
  1. {% extends twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/front.html.twig') %}
  2. {% if app.session.has('operatorId') != 1  %}
  3.     {% set host = app.request.getSchemeAndHttpHost()%}
  4.     {% set urlPag = app.request.uri %}
  5.     {% set text= AvailabilityArray['destination1']%}
  6.     {% set image= render(controller('Aviatur\\ContentBundle\\Controller\\ContentController::extractUrlAction', {'text':text,'type':'availability'}))%}
  7.     {% set urlCanonical = urlDescription['url'] %}
  8. {% endif %}
  10. {% block head_title %}
  11.     {% if app.session.has('operatorId') != 1 %}
  12.         {% if AvailabilityArray.route == 'aviatur_flight_round' or AvailabilityArray.route == 'aviatur_flight_oneway' or AvailabilityArray.route == 'aviatur_flight_round_locale' or AvailabilityArray.route == 'aviatur_flight_oneway_locale'%}
  13.             {{ cityOriginName|slice(0, 10) }}-{{ cityDestinationName|slice(0, 10) }} {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='ddMMM')|replace({'sept.':'sep.'}) }}{% if AvailabilityArray['date2'] is defined %}-{{ AvailabilityArray['date2']|localizeddate(locale=app.request.locale, format='ddMMM')|replace({'sept.':'sep.'}) }}{% endif %} |Tiquetes Baratos Aviatur.com
  14.         {% else %}
  15.             Multidestino desde {{ cityOriginName|slice(0, 10) }}-{{ cityDestinationName|slice(0, 10) }} {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='ddMMM')|replace({'sept.':'sep.'}) }} | Tiquetes Baratos
  16.         {% endif%}
  17.     {% endif %}
  18. {% endblock head_title %}
  20. {% block head_keywords %}
  21.     {% if app.session.has('operatorId') != 1 %}
  22.         {% if AvailabilityArray.route == 'aviatur_flight_round' or AvailabilityArray.route == 'aviatur_flight_oneway' or AvailabilityArray.route == 'aviatur_flight_round_locale' or AvailabilityArray.route == 'aviatur_flight_oneway_locale'%}
  23.             Tiquetes Baratos desde {{ cityOriginName }} a {{ cityDestinationName }} - {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM')|replace({'sept.':'sep.'}) }}{% if AvailabilityArray['date2'] is defined %} - {{ AvailabilityArray['date2']|localizeddate(locale=app.request.locale, format='dd MMM')|replace({'sept.':'sep.'}) }}{% endif %}, Vuelos económicos a {{ cityDestinationName }} , oferta de vuelos a {{ cityDestinationName }}, pasajes aéreos a {{ cityDestinationName }}, vuelos desde {{ cityOriginName }}, aerolínea, Aviatur.com
  24.         {% else %}
  25.             Tiquetes Baratos multidestino desde {{ cityOriginName }} a {{ cityDestinationName }} del {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM')|replace({'sept.':'sep.'}) }} al {{ AvailabilityArray['date'~(CitiesNameArray|length)]|localizeddate(locale=app.request.locale, format='dd MMM')|replace({'sept.':'sep.'}) }}, Vuelos multidestino {{ cityOriginName }} - {{ CitiesNameArray | join(' - ') | raw}}, {{CitiesNameArray|length>2? "Vuelos económicos a "~CitiesNameArray['destinationName1']~", oferta de vuelos a "~CitiesNameArray['destinationName2']~", pasajes aéreos a "~CitiesNameArray['destinationName3']~"," :"Vuelos económicos a "~CitiesNameArray['destinationName1']~", oferta de vuelos a "~CitiesNameArray['destinationName2']~", pasajes aéreos a "~CitiesNameArray['destinationName1']~","}} vuelos desde {{cityOriginName}}, Buscador de múltiples destinos Aviatur.com
  26.         {% endif%}
  27.     {% endif %}
  28. {% endblock head_keywords %}
  30. {% block head_description_content %}
  31.     {% if app.session.has('operatorId') != 1 %}
  32.         {% if AvailabilityArray.route == 'aviatur_flight_round' or AvailabilityArray.route == 'aviatur_flight_oneway' or AvailabilityArray.route == 'aviatur_flight_round_locale' or AvailabilityArray.route == 'aviatur_flight_oneway_locale'%}
  33.             Promoción de tiquetes baratos de {{ cityOriginName }} a {{ cityDestinationName }} - {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM')|replace({'sept.':'sep.'}) }}{% if AvailabilityArray['date2'] is defined %} - {{ AvailabilityArray['date2']|localizeddate(locale=app.request.locale, format='dd MMM')|replace({'sept.':'sep.'}) }}{% endif %}, reserva ahora tu vuelo y disfruta de una experiencia inolvidable.
  34.         {% else %}
  35.             Reserva vuelos multidestino. Compra tiquetes baratos a {{ CitiesNameArray|length }} destinos, ida {{ cityOriginName|slice(0, 7) }}-{{ cityDestinationName|slice(0, 7) }} {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='ddMMM')|replace({'sept.':'sep.'}) }} regreso {{CitiesNameArray['destinationName'~(CitiesNameArray|length-1)]|slice(0, 7)}}-{{CitiesNameArray['destinationName'~(CitiesNameArray|length)]|slice(0, 7)}} {{ AvailabilityArray['date'~(CitiesNameArray|length)]|localizeddate(locale=app.request.locale, format='ddMMM')|replace({'sept.':'sep.'}) }} Buscador de múltiples destinos.
  36.         {% endif%}
  37.     {% endif %}
  38. {% endblock head_description_content %}
  40. {% block head_meta_label %}
  41.     {% if app.session.has('operatorId') != 1  %}
  42.         <meta property="og:type" content="website" />
  43.         {% if AvailabilityArray.route == 'aviatur_flight_round' or AvailabilityArray.route == 'aviatur_flight_oneway' or AvailabilityArray.route == 'aviatur_flight_round_locale' or AvailabilityArray.route == 'aviatur_flight_oneway_locale'%}
  44.             <meta property="og:title" content="Vuelo de {{ cityOriginName|slice(0, 10) }} a {{ cityDestinationName|slice(0, 10) }} {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM') }}{% if AvailabilityArray['date2'] is defined %} - {{ AvailabilityArray['date2']|localizeddate(locale=app.request.locale, format='dd MMM') }}{% endif %} | Aviatur.com" />
  45.             <meta property="og:description" content="Promoción de tiquetes baratos de {{ cityOriginName }} a {{ cityDestinationName }} - {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM') }}{% if AvailabilityArray['date2'] is defined %} - {{ AvailabilityArray['date2']|localizeddate(locale=app.request.locale, format='dd MMM') }}{% endif %} Reserva ahora tu vuelo y disfruta de una experiencia inolvidable."/>
  46.         {% else %}
  47.             <meta property="og:title" content="Multidestino desde {{ cityOriginName|slice(0, 10) }} - {{ cityDestinationName|slice(0, 10) }} {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM') }} | Aviatur.com" />
  48.             <meta property="og:description" content="Reserva vuelos multidestino. Compra tiquetes baratos a {{ CitiesNameArray|length }} destinos, ida {{ cityOriginName }} - {{ cityDestinationName }} {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM') }} regreso {{CitiesNameArray['destinationName'~(CitiesNameArray|length-1)]}} - {{CitiesNameArray['destinationName'~(CitiesNameArray|length)]}} {{ AvailabilityArray['date'~(CitiesNameArray|length)]|localizeddate(locale=app.request.locale, format='dd MMM') }} Buscador de múltiples destinos."/>
  49.         {% endif%}
  50.         <meta property="og:url" content="{{urlPag}}" />
  51.         <meta property="og:image" content="{{image}}"/>
  52.         <meta property="og:site_name" content="Aviatur.com" />
  53.         <meta property="fb:admins" content="266311843398184" />
  54.         <meta property="og:locale" content="es_CO" />
  55.         <meta property="og:locale:alternate" content="es_CO" />
  56.         <meta name="twitter:card" content="summary_large_image" />
  57.         <meta name="twitter:site" content="@Aviatur" />
  58.         <meta name="twitter:creator" content="@Aviatur" />
  59.         {% if  AvailabilityArray.route == 'aviatur_flight_round' or AvailabilityArray.route == 'aviatur_flight_oneway' or AvailabilityArray.route == 'aviatur_flight_round_locale' or AvailabilityArray.route == 'aviatur_flight_oneway_locale'%}
  60.             <meta property="twitter:title" content="Vuelo de {{ cityOriginName|slice(0, 10) }} a {{ cityDestinationName|slice(0, 10) }} {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM') }}{% if AvailabilityArray['date2'] is defined %} - {{ AvailabilityArray['date2']|localizeddate(locale=app.request.locale, format='dd MMM') }}{% endif %} | Aviatur.com" />
  61.             <meta property="twitter:description" content="Promoción de tiquetes baratos de {{ cityOriginName }} a {{ cityDestinationName }} - {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM') }}{% if AvailabilityArray['date2'] is defined %} - {{ AvailabilityArray['date2']|localizeddate(locale=app.request.locale, format='dd MMM') }}{% endif %} Reserva ahora tu vuelo y disfruta de una experiencia inolvidable."/>
  62.         {% else %}
  63.             <meta property="twitter:title" content="Multidestino desde {{ cityOriginName|slice(0, 10) }} - {{ cityDestinationName|slice(0, 10) }} {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM') }} | Aviatur.com" />
  64.             <meta property="twitter:description" content="Reserva vuelos multidestino. Compra tiquetes baratos a {{ CitiesNameArray|length }} destinos, ida {{ cityOriginName }} - {{ cityDestinationName }} {{ AvailabilityArray['date1']|localizeddate(locale=app.request.locale, format='dd MMM') }} regreso {{CitiesNameArray['destinationName'~(CitiesNameArray|length-1)]}} - {{CitiesNameArray['destinationName'~(CitiesNameArray|length)]}} {{ AvailabilityArray['date'~(CitiesNameArray|length)]|localizeddate(locale=app.request.locale, format='dd MMM') }} Buscador de múltiples destinos."/>
  65.         {% endif%}
  66.         <meta name="twitter:url" content="{{urlPag}}" />
  67.         <meta name="twitter:image" content="{{image}}" />
  68.         <link rel="canonical" href="{{host}}{{urlCanonical}}" />
  69.     {% endif %}
  70. {% endblock head_meta_label %}
  72. {% set showCalendar = false %}
  73. {% if urlDescription['providerInfo'] and not urlDescription['multi'] %}
  74.     {% set showCalendar = true %}
  75. {% endif %}
  77. {% set enableAlerts =  enableAlerts %}
  78. {% set front = app.session.has('operatorId')%}
  80. {% block modal %}
  81.     {{ parent() }}
  82.     {% if enableAlerts is defined and enableAlerts == 1%}
  83.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Flight/Default/modalAlert.html.twig') %}
  84.     {% endif %}
  85. {% endblock modal %}
  86. {% block javascripts %}
  87.     {{ parent() }}
  88.      {# <script>
  89.         jQuery(document).ready(function () {
  90.             let queryString = window.location.pathname;
  91.             window.totalDiscountBlackWeek = '{{totalCouponDiscount}}';
  92.             window.totalPass = '{{AvailabilityArray.adults + AvailabilityArray.children}}'
  93.             var totalDiscountBlackWeek = '{{totalCouponDiscount}}';
  94.             let bannerAV = document.querySelector('.js-changeHref');
  95.             let pathName = window.location.pathname;
  96.             let divRoute = pathName[2].split('-');
  97.             let divDates = pathName[3].split('+');
  98.             let datesTrains;
  99.             if(pathName[3].split('+').length == 2) {
  100.                 datesaTrains = pathName[3];
  101.             } else {
  102.                 let fechaRegre = new Date(divDates[0]);
  103.                 let dias = 2;
  104.                 fechaRegre.setDate(fechaRegre.getDate() + dias);
  105.                 datesTrains = divDates[0] + "+" + fechaRegre.toISOString().split('T')[0];
  106.             }
  107.             const url = "https://api.whatsapp.com/send?phone=573174390524";
  108.             bannerAV.href = url;
  110.         });
  111.     </script> #}
  112.     {# JS USING TWIG VARIABLES #}
  113.     <script>
  114.         var ajaxUrlFlightAvail = '{{ ajaxUrl | raw }}';
  115.         var detailUrl = '{{ safeUrl }}{{ path('aviatur_flight_detail_validation_secure') }}';
  116.         var enableAlerts = '{{ enableAlerts }}';
  117.         var front = '{{front}}';
  118.         var availabilityDetailUrlPlain = '{{ path('aviatur_flight_availability_detail_plain') }}';
  119.         var availabilityGetFlightResultsPlain = '{{ path('aviatur_flight_availability_get_results_plain') }}';
  120.         var availabilityExtendsResults = '{{ path('aviatur_flight_extend_avail') }}';
  121.         var asyncScripts = {
  122.             price: '{{ script('FlightBundle//_avail-price-async.js') }}',
  123.             fare: '{{ script('FlightBundle//_avail-fare-async.js') }}',
  124.             horary: '{{ script('FlightBundle//_avail-horary-async.js') }}'
  125.         };
  126.         var defaultFfType = '{{ defaultFfType }}';
  127.         {% if showCalendar %}
  128.             var availabilityGetCalendar = '{{ calendarUrl | raw }}';
  129.         {% endif %}
  130.             var providerInfo = '{{ urlDescription['providerInfo'] }}';
  131.             var calendar = false;
  132.         {% if pixel_info is defined and pixel_info.kayakclickid is defined %}
  133.             detailUrl += '?kayakclickid={{ pixel_info.kayakclickid }}';
  134.         {% endif %}
  135.         {% if pixel_info is defined and pixel_info.webbing is defined %}
  136.             detailUrl += '?webbing={{ pixel_info.webbing }}';
  137.         {% endif %}
  138.         //jQuery("#js-modalBlackWeek").modal();
  139.     </script>
  141.     {# JS ASSETS COMPILED FROM BUNDLES #}
  142.     <script src="{{ script('common-avail.js') }}"></script>
  143.     <script src="{{ script('FlightBundle//flight_availability.js') }}"></script>
  144.     {% if availabilityFront %}
  145.         <script src="{{ script('FlightBundle//flight_availability_front.js') }}"></script>
  146.     {% else %}
  147.         <script src="{{ script('GeneralBundle//component_socialNetwork.js') }}"></script>
  148.         <script src="{{ script('GeneralBundle//component_shared-avail.js') }}"></script>
  149.     {% endif %}
  151.     <!-- set variable for include partner datalayer -->
  152.     {% if pixel_info.partner_datalayer is defined and app.session.has('whitemark') != 1 %}
  153.         {% set pixel_info_avail = pixel_info.partner_datalayer %}
  154.     {% endif %}
  155.     {#{% if pixel_info.dataxpand is defined %}
  156.         {% set pixel_info_dataxpand = pixel_info.dataxpand %}
  157.     {% endif %}#}
  158.     {% if pixel_info.facebook is defined %}
  159.         {% set pixel_info_facebook = pixel_info.facebook %}
  160.     {% endif %}
  161.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/pixels/pixels.html.twig') %}
  163. {% endblock %}
  165. {% block body %}
  167.     {#{% if app.session.has('operatorId') != 1 %}
  168.         <div class="dispo-shared__socialNetwork--left hide-portable">
  169.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_socialNetwork.html.twig') %}
  170.         </div>
  171.     {% endif %}#}
  172.     {#{{dump(AvailabilityArray)}}#}
  173.     <div class="wrapper pt-8">
  174.         {# <p class"hidden s:block color-005CB9 font-medium text-base">Cambiar búsqueda</p> #}
  175.         {% set passengers = AvailabilityArray.adults + AvailabilityArray.children + AvailabilityArray.infants %}
  176.         {% set s = '' %}
  177.         {% if passengers > 1 %}
  178.             {% set s = 's' %}
  179.         {% endif %}
  180.         {% set multi = false %}
  181.         {% if AvailabilityArray.route == 'aviatur_flight_round' %}
  182.             {% set roundtrip = true %}
  183.             {% set search_entities =
  184.                 [{'blocks': [
  185.                     {'title':AvailabilityArray.origin1, 'label':cityOriginName,'date':AvailabilityArray.date2|date('d/m/y'), 'tooltip':AvailabilityArray.originLabel1, 'traveltype':"o", 'travelNumber':'1'},
  186.                     {'title':AvailabilityArray.origin2, 'label':cityDestinationName,'date':AvailabilityArray.date1|date('d/m/y'), 'tooltip':AvailabilityArray.originLabel2, 'traveltype':"d", 'travelNumber':'1'},
  187.                     {'title':null, 'label':null,'date':AvailabilityArray.date2|date('d/m/y'), 'tooltip':null, 'traveltype':"f", 'travelNumber':'1'}
  188.                 ]},
  190.                 {'blocks': [
  191.                     {'title':passengers, 'label':'Pasajero', 'type':'passenger','traveltype':"p", 'travelNumber':'1'}
  193.                 ]}]
  194.             %}
  195.         {% else %}
  196.             {% set roundtrip = false %}
  197.             {% if AvailabilityArray.route == 'aviatur_flight_oneway' %}
  198.                 {% set search_entities =
  199.                     [{'blocks': [
  200.                         {'title':AvailabilityArray.origin1, 'label':AvailabilityArray.cityOrigin1, 'date':AvailabilityArray.date1|date('d/m/y'), 'tooltip':AvailabilityArray.originLabel1, 'traveltype':"o", 'travelNumber':"1"},
  201.                         {'title':AvailabilityArray.destination1, 'label':AvailabilityArray.cityDestination1, 'date':AvailabilityArray.date1|date('d/m/y'), 'tooltip':AvailabilityArray.destinationLabel1, 'traveltype':"d", 'travelNumber':"1"}
  202.                     ]},
  204.                     {'blocks': [
  205.                         {'title':passengers, 'label':'Pasajero', 'type':'passenger','traveltype':"p", 'travelNumber':''}
  206.                     ]}]
  207.                 %}
  208.             {% else %}
  209.                 {% set multi = true %}
  210.                 {% set flightBlocks = [] %}
  211.                 {% set inner_separator = false %}
  212.                 {% for i in 1..flights %}
  213.                     {% if inner_separator %}
  214.                         {% set flightBlocks = flightBlocks|merge([
  215.                             {'separator':1}
  216.                         ]) %}
  217.                         {% set inner_separator = false %}
  218.                     {% endif %}
  219.                     {% set flightBlocks = flightBlocks|merge([
  220.                         {'title':attribute(AvailabilityArray, 'origin' ~ i), 'label':attribute(AvailabilityArray, 'cityOrigin' ~ i),'date':attribute(AvailabilityArray, 'date' ~ i)|localizeddate('medium','none',null,null,'d MMM'), 'tooltip':attribute(AvailabilityArray, 'originLabel' ~ i), 'type':'multi', 'traveltype':"o", 'travelNumber':''~i}
  221.                     ]) %}
  222.                     {% if i < flights and attribute(AvailabilityArray, 'destinationLabel' ~ i) != attribute(AvailabilityArray, 'originLabel' ~ (i + 1)) %}
  223.                         {% set flightBlocks = flightBlocks|merge([
  224.                             {'title':attribute(AvailabilityArray, 'destination' ~ i), 'label':attribute(AvailabilityArray, 'cityDestination' ~ i), 'tooltip':attribute(AvailabilityArray, 'destinationLabel' ~ i), 'type':'multi', 'traveltype':"d", 'travelNumber':''~i}
  225.                         ]) %}
  226.                         {% set inner_separator = true %}
  227.                     {% elseif i == flights %}
  228.                         {% set flightBlocks = flightBlocks|merge([
  229.                             {'title':attribute(AvailabilityArray, 'destination' ~ i), 'label':attribute(AvailabilityArray, 'cityDestination' ~ i), 'tooltip':attribute(AvailabilityArray, 'destinationLabel' ~ i), 'type':'multi', 'traveltype':"d", 'travelNumber':''~i}
  230.                         ]) %}
  231.                     {% endif %}
  232.                 {% endfor %}
  233.                 {% set search_entities =
  234.                     [{'blocks':flightBlocks},
  235.                     {'blocks': [
  236.                         {'title':passengers, 'label':'Pasajero', 'type':'passenger','traveltype':"p", 'travelNumber':''}
  237.                     ]}]
  238.                 %}
  239.             {% endif %}
  240.         {% endif %}
  241.         {% embed twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_resumeSearchFlight.html.twig') with {'entities': search_entities, 'roundtrip': roundtrip, 'multi': multi} %}
  242.             {% block resume_id %}resumeSearchFlight{% endblock %}
  243.             {% block resume_custom_class %}resume-search--flight{% endblock %}
  244.             {% block resume_content %}
  245.                 {{ parent() }}
  246.                 <div class="resume-search__engine js-newSearchEngine hidden-all changeSearchFlight relative">
  247.                     <span class="resume-search__engine__close js-closeSearchEngine absolute top-0 m:top-8 s:top-4 xs:top-4 right-0 m:right-12 s:right-6 xs:right-6 s:z-[1] xs:z-[1] color-042A44 hover:color-042A44 ">
  248.                         <span class="font-[roboto] font-normal underline pr-2 xs:hidden">Cerrar</span>
  249.                         <i class="icon icon_search_close"></i>
  250.                     </span>
  251.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_engine_avail.html.twig') %}
  252.                 </div>
  253.             {% endblock %}
  254.         {% endembed %}
  255.         <section id="infoSearchFlight" class="hide">
  256.             {# <a href="https://api.whatsapp.com/send?phone=573174390524" target="_blank" class="js-changeHref hide">
  257.                 <img style="margin-bottom:20px;margin-top:20px;" src="{{absolute_url(asset('assets/aviatur_assets/img/content/aviatur.jpg'))}}">
  258.             </a> #}
  259.         </section>
  261.         {# if AvailabilityArray.countryOrigin1=="CO" and AvailabilityArray.continentDestination1=="EU"
  262.             <section>
  263.               <img src="{{absolute_url(asset('assets/aviatur_assets/img/content/apertura-espana.jpg'))}}">
  264.               <!--<img src="{{absolute_url(asset('assets/common_assets/img/flight/aviso-europa.jpg'))}}">-->
  265.             </section>
  266.         endif #}
  267.         <div class="wrapper">
  268.             {% if pointRedemption is defined and pointRedemption != null %}
  269.                 <div id="js-pointRedemption-mobile" class="hidden-lap-and-up col-12"></div>
  270.                 {% embed twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_leftSliderWidget.html.twig') %}
  271.                     {% block leftSlider_banner_wrapper %}
  272.                         <div id="js-pointRedemption-banner" style="display:none;">
  273.                             {{ parent() }}
  274.                         </div>
  275.                     {% endblock %}
  276.                     {% block leftSlider_banner %}
  277.                         <span>Tus Puntos Aval</span>
  278.                     {% endblock %}
  279.                     {% block leftSlider_content %}
  280.                         <span class="resume-search__engine__close js-closePointRedemption">
  281.                             <i class="icon icon_search_close"></i>
  282.                         </span>
  283.                         <div id="js-pointRedemption-lapandup" class="hidden-palm">
  284.                             <div id="js-pointRedemption-slider" class="inline-block" style="padding:0 9px;">
  285.                                 <div class="clearfix">
  286.                                     <h3>{{ pointRedemption.Display.Title }}</h3>
  287.                                     <div class="wrapper-susy">
  288.                                         <div class="col-12">
  289.                                             <p>
  290.                                                 <span>Redimir</span><input type="text" id="js-points" class="text-input--inline js-pointRedemptionLoader" readonly><span>puntos</span>
  291.                                             </p>
  292.                                         </div>
  293.                                         <div class="col-12">
  294.                                             <div id="js-slider-points" data-config="{{ pointRedemption.Config|json_encode() }}"></div>
  295.                                         </div>
  296.                                         <div class="col-12">
  297.                                             <p class="condensed sp-offset--small">
  298.                                                 <small class="type-grey">* Puntos minimos para redimir: {{ pointRedemption.Config.Amount.MinStep }}</small>
  299.                                             </p>
  300.                                         </div>
  301.                                     </div>
  302.                                 </div>
  303.                             </div>
  304.                         </div>
  305.                         {% javascripts
  306.                             '@AviaturGeneralBundle/Resources/public/js/component_inputSlider.js'
  307.                             '@AviaturGeneralBundle/Resources/public/js/widget_pointRedemption.js'
  308.                         %}
  309.                         <script src="/{{ asset_url }}" type="text/javascript" defer></script>
  310.                         {% endjavascripts %}
  311.                     {% endblock %}
  312.                 {% endembed %}
  313.             {% endif %}
  315.             <div class="dispo-shared__topbar js-topbarOptions" style="display:none">
  316.                 {% if (AvailabilityArray.route == 'aviatur_flight_round' or AvailabilityArray.route == 'aviatur_flight_oneway') and (enableAlerts is defined and enableAlerts == 1)%}
  317.                     <!--<a class="js-ajax-alert btn inline-block sp-stack pull-right" style="margin-right: 18px;">Recibir alertas de precio</a>-->
  318.                     <div id="recomendacion-best-dates" class="btn btn-recomendacion sp-stack" data-toogle="0" >
  319.                         <i class="icon icon_alert" style="font-size: 26px;margin-right: 5px;margin-top: -10px;"></i>
  320.                         <a id="recomendacionLink" style="color: white;" onclick="ga('send', 'event', 'alertBestPrice', 'click');"></a>
  321.                     </div>
  322.                     <div id="alertCheckbox" class="toggle pull-right">
  323.                         <p style="float: left; margin: 0px; padding: 10px;">Recibir alertas de precios</p>
  324.                         <input type="checkbox" id="toggle-alert" name="toggle-alert" class="toggle__checkbox">
  325.                         <label class="toggle__label" for="toggle-alert">
  326.                             <span class="toggle__on">SI</span>
  327.                             <span class="toggle__off">NO</span>
  328.                             <span class="toggle__switch"></span>
  329.                         </label>
  330.                     </div>
  331.                 {% endif %}
  332.                 
  333.                 <div class="sp-stack relative flex l:m-4 m:m-4">
  334.                 <div class="container-filters flex items-center xs:overflow-x-scroll s:overflow-x-scroll m:overflow-x-scroll l:overflow-x-scroll">
  335.                     {# <div class="m:hidden l:hidden hidden s:block xxs:block flex-col flex mr-1">{% include twig_exists('@AviaturTwig/' ~agency_folder.twigFlux() ~'/Flight/Default/availability_filter-redesign.html.twig') %}</div> #}
  336.                     <div class="flex-col flex mr-1">
  337.                         <div class="border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap text-[#042a44] flex items-center w-fit js-orderResults !bg-white border-b-none !text-[#042A44]" data-order="price" data-state="asc" role="button" tabindex="0">
  338.                             Ordenar por precio<i class="icon icon_order-asc sp-inline" data-icon1="icon_order-asc" data-icon2="icon_order-desc"></i>
  339.                         </div>
  340.                     </div>
  341.                     {# <div class="flex-col flex mr-1 hide">
  342.                         <div class="js-filterOptions bg-white border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap !text-[#042A44] flex items-center w-fit !bg-white" data-slidetoggle="js-orderByFilters" role="button" tabindex="0">
  343.                             Ordenar por
  344.                             <span class="material-symbols-rounded">
  345.                                 arrow_drop_down           
  346.                             </span>
  347.                         </div>
  348.                         <div class="dispo-shared__filter-options__picker picker py-6 px-4 mt-[7vh] js-orderByFilters" style="display:none;">
  349.                             <div class="js-ajaxLoader">
  350.                                 <div class="dispo-shared__filter-loader circularG"></div>
  351.                             </div>
  352.                             <div class="!bg-white border-b-none !text-[#042A44] js-orderResults" data-order="price" data-state="asc" role="button" tabindex="0">
  353.                                 Orden por precio mayor                            
  354.                             </div>
  355.                             <div class="!bg-white border-b-none !text-[#042A44] js-orderResults" data-order="price" data-state="des" role="button" tabindex="0">
  356.                                 Orden por precio menor                            
  357.                             </div>
  358.                         </div>
  359.                     </div> #}
  360.                     <div class="flex-col flex mr-1">
  361.                         <div class="border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap !text-[#042A44] flex items-center w-fit js-filterOptions !bg-white" data-slidetoggle="js-miscFiltersEscales" role="button" tabindex="0">
  362.                             Escala                     
  363.                             <span class="material-symbols-rounded">
  364.                                 arrow_drop_down                                          
  365.                             </span>
  366.                         </div>
  367.                         <div class="dispo-shared__filter-options__picker picker py-6 px-4 mt-[42px] w-[25vh] xs:left-0 xs:w-full s:left-0 s:w-full m:left-0 m:w-full rounded min-w-[254px] js-miscFiltersEscales" style="display:none;">
  368.                             <div class="js-ajaxLoader">
  369.                                 <div class="dispo-shared__filter-loader circularG"></div>
  370.                             </div>
  371.                             <div class="js-filterUnit" data-entity="stops" style="display: none;"></div>
  372.                         </div>
  373.                     </div>
  374.                     {# <div class="flex-col flex mr-1">
  375.                         <div class="border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap text-[#042a44] flex items-center w-fit js-orderResults !bg-white border-b-none !text-[#042A44]" data-order="dephour" data-state="asc" role="button" tabindex="0">
  376.                             Orden por hora de salida
  377.                             <i class="icon icon_order-asc sp-inline" data-icon1="icon_order-asc" data-icon2="icon_order-desc"></i>
  378.                         </div>
  379.                     </div> #}
  380.                     <div class="flex-col flex mr-1">
  381.                         <div class="js-filterOptions border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap !text-[#042A44] flex items-center w-fit !bg-white" data-slidetoggle="js-deptimeFilters" role="button" tabindex="0">Horario
  382.                             <span class="material-symbols-rounded">
  383.                                 arrow_drop_down
  384.                             </span>
  385.                         </div>
  386.                         <div class="dispo-shared__filter-options__picker picker py-6 px-4 mt-[42px] w-[25vh] xs:left-0 xs:w-full s:left-0 s:w-full m:left-0 m:w-full rounded min-w-[254px] js-deptimeFilters" style="display:none;">
  387.                             {% for i in 1..flights %}
  388.                             <p class="dispo-flight__filter__title text-[#042A44] font-normal font-medium text-[#042A44] mt-4">Salida Vuelo
  389.                                     {{i}}</p>
  390.                                 <div class="js-ajaxLoader">
  391.                                     <div class="dispo-shared__filter-loader circularG"></div>
  392.                                 </div>
  393.                                 <div class="js-filterUnit pb-4" style="display: none;">
  394.                                     <input type="text" id="js-hour-dephour-{{i - 1}}" class="dispo-flight__filter__input outline-none" readonly>
  395.                                     <div id="js-slider-hour-dephour-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  396.                                 </div>
  397.                                 <hr />
  398.                                 <p class="dispo-flight__filter__title text-[#042A44] font-normal mt-4">Llegada Vuelo
  399.                                     {{i}}</p>
  400.                                 <div class="js-ajaxLoader">
  401.                                     <div class="dispo-shared__filter-loader circularG"></div>
  402.                                 </div>
  403.                                 <div class="js-filterUnit pb-4" style="display: none;">
  404.                                     <input type="text" id="js-hour-arrhour-{{i - 1}}" class="dispo-flight__filter__input outline-none" readonly>
  405.                                     <div id="js-slider-hour-arrhour-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  406.                                 </div>
  407.                                 {% if i != flights %}
  408.                                     <hr />
  409.                                 {% endif %}
  410.                             {% endfor %}
  411.                         </div>
  412.                     </div>
  413.                     <div class="flex-col flex mr-1">
  414.                         <div class="js-filterOptions bg-white border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap !text-[#042A44] flex items-center w-fit !bg-white" data-slidetoggle="js-priceFilters" role="button" tabindex="0">Rango de precio
  415.                             <span class="material-symbols-rounded">
  416.                                 arrow_drop_down
  417.                             </span>
  418.                         </div>
  419.                         <div class="dispo-shared__filter-options__picker picker py-6 px-4 mt-[42px] w-[25vh] xs:left-0 xs:w-full s:left-0 s:w-full m:left-0 m:w-full rounded min-w-[254px] js-priceFilters" style="display:none;">
  420.                             <div class="js-ajaxLoader">
  421.                                 <div class="dispo-shared__filter-loader circularG"></div>
  422.                             </div>
  423.                             <div class="js-filterUnit" style="display: none;">
  424.                                 <input type="text" id="js-price" class="dispo-flight__filter__input outline-none" readonly="">
  425.                                 <div id="js-slider-price" class="dispo-flight__filter__slider ui-slider"></div>
  426.                             </div>
  427.                         </div>
  428.                     </div>
  429.                     {# <div class="flex-col flex mr-1">
  430.                         <div class="border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap !text-[#042A44] flex items-center w-fit js-orderResults !bg-white" data-order="duration" data-state="asc" role="button" tabindex="0">
  431.                             Orden por duración
  432.                             <i class="icon icon_order-asc sp-inline" data-icon1="icon_order-asc" data-icon2="icon_order-desc"></i>
  433.                         </div>
  434.                     </div> #}
  435.                     <div class="flex-col flex mr-1">
  436.                         <div class="border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap !text-[#042A44] flex items-center w-fit js-filterOptions !bg-white" data-slidetoggle="js-durationFilters" role="button" tabindex="0">Duración
  437.                             <span class="material-symbols-rounded">
  438.                                 arrow_drop_down
  439.                             </span>
  440.                         </div>
  441.                         <div class="dispo-shared__filter-options__picker picker py-6 px-4 mt-[42px] w-[25vh] xs:left-0 xs:w-full s:left-0 s:w-full m:left-0 m:w-full rounded min-w-[254px] js-durationFilters" style="display:none;">
  442.                             {% for i in 1..flights %}
  443.                                 <p class="dispo-flight__filter__title mt-4">Vuelo
  444.                                     {{i}}</p>
  445.                                 <div class="js-ajaxLoader">
  446.                                     <div class="dispo-shared__filter-loader circularG"></div>
  447.                                 </div>
  448.                                 <div class="js-filterUnit pb-4" style="display: none;">
  449.                                     <input type="text" id="js-flight-time-{{i - 1}}" class="dispo-flight__filter__input outline-none" readonly>
  450.                                     <div id="js-slider-flight-time-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  451.                                 </div>
  452.                                 {% if i != flights %}
  453.                                     <hr />
  454.                                 {% endif %}
  455.                             {% endfor %}
  456.                         </div>
  457.                     </div>
  458.                     <div class="flex-col flex mr-1">
  459.                         <div class="border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap !text-[#042A44] flex items-center w-fit !bg-white js-filterOptions" data-slidetoggle="js-miscFilters" role="button" tabindex="0">
  460.                             Aerolínea                  
  461.                             <span class="material-symbols-rounded">
  462.                                 arrow_drop_down                          
  463.                             </span>
  464.                         </div>
  465.                         <div class="dispo-shared__filter-options__picker picker py-6 px-4 mt-[42px] w-[25vh] xs:left-0 xs:w-full s:left-0 s:w-full m:left-0 m:w-full rounded min-w-[254px] js-miscFilters" style="display:none;">
  466.                             <div class="js-ajaxLoader">
  467.                                 <div class="dispo-shared__filter-loader circularG"></div>
  468.                             </div>
  469.                             <div class="js-filterUnit" data-entity="airlines" style="display: none;"></div>
  470.                         </div>
  471.                     </div>
  472.                     <div class="flex-col flex mr-1">
  473.                         <div class="border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap !text-[#042A44] flex items-center w-fit !bg-white js-filterOptions" data-slidetoggle="js-miscFiltersAirports" role="button" tabindex="0">
  474.                             Aeropuerto                  
  475.                             <span class="material-symbols-rounded">
  476.                                 arrow_drop_down                                              
  477.                             </span>
  478.                         </div>
  479.                         <div class="dispo-shared__filter-options__picker picker py-6 px-4 mt-[42px] w-[25vh] xs:left-0 xs:w-full s:left-0 s:w-full m:left-0 m:w-full rounded min-w-[254px] js-miscFiltersAirports" style="display:none;">
  480.                             <div class="js-ajaxLoader">
  481.                                 <div class="dispo-shared__filter-loader circularG"></div>
  482.                             </div>
  483.                             <div class="js-filterUnit" data-entity="airports" style="display: none;"></div>
  484.                         </div>
  485.                     </div>
  486.                     <div class="flex-col flex mr-1">
  487.                         <div class="border border-[#d1d1d1] rounded-[30px] mb-2 px-4 py-2 text-base m:w-auto s:w-auto xs:w-auto whitespace-nowrap !text-[#042A44] flex items-center w-fit !bg-white js-filterOptions" data-slidetoggle="js-miscFiltersFares" role="button" tabindex="0">
  488.                             Clase de cabina             
  489.                             <span class="material-symbols-rounded">
  490.                                 arrow_drop_down                                              
  491.                             </span>
  492.                         </div>
  493.                         <div class="dispo-shared__filter-options__picker picker py-6 px-4 mt-[42px] w-[25vh] xs:left-0 xs:w-full s:left-0 s:w-full m:left-0 m:w-full rounded min-w-[254px] js-miscFiltersFares" style="display:none;">
  494.                             <div class="js-ajaxLoader">
  495.                                 <div class="dispo-shared__filter-loader circularG"></div>
  496.                             </div>
  497.                             <div class="js-filterUnit" data-entity="fares" style="display: none;"></div>
  498.                         </div>
  499.                     </div>
  500.                 </div>
  501.             </div>
  503.                 <div class="flex mb-4 justify-between js-ffOptions hidde" data-state="loading">
  504.                     {% if parameters['aviatur_ff_enabled'] == 1 %}
  505.                         {# <div class="dispo-shared__ff-options pull-left js-ffOptions" data-state="loading" style="display:none;">
  506.                             <div class="nav-option js-ffOption" data-fftype="price">Por precio</div>
  507.                             <div class="nav-option js-ffOption" data-fftype="fare">Por aerolínea</div>
  508.                             <div class="nav-option js-ffOption" data-fftype="horary">Por horario</div>
  509.                         </div> #}
  510.                         <p class="font-bold color-042A44 border-solid border-[#042A44] border-b-2 pb-2 js-ffOption" data-fftype="price">Todos los vuelos</p>
  511.                         <p class="hidden font-normal color-5A5A5A border-solid border-[#D1D1D1] border-b pb-2 js-ffOption" data-fftype="fare">Tarifas de equipaje</p>
  512.                     {% endif %}
  514.                     {% if showCalendar == true %}
  515.                         {# <div class="dispo-calendar__toogle-btn btn inline-block sp-stack pull-right hide-palm js-toogleCalendar" data-toogle="0">Ver Calendario +/- 3 días</div> #}
  516.                         <div class="js-toogleCalendar" data-toogle="0">
  517.                             <div class="xs:hidden font-normal color-5A5A5A cursor-pointer flex itemsCenter">Tendencia de precios
  518.                                 <span class=" color-042A44 material-symbols-rounded p-2">bar_chart</span>
  519.                             </div>
  520.                             <span class="rounded border border-042A44 border-solid xl:hidden color-042A44 material-symbols-rounded padding-0.2">bar_chart</span>
  521.                         </div>
  522.                         <div class="color-5A5A5A hidden">Monitoreo de precios
  523.                             <span class=" color-042A44 material-symbols-rounded">query_stats</span>
  524.                         </div>
  525.                     {% endif %}
  526.                 </div>
  528.                 {% if showCalendar == true %}
  529.                 <div id="CalendarWidget" class="dispo-calendar__widget" style="display:none;">
  530.                     <div class="dispo-calendar__container clearfix relative js-calendarFrame" style="display:none;">
  531.                         <div id="js-targetCalendar" class="dispo-calendar__table-wrapper" data-state="init">
  532.                         <div class="progress-bar"><div class="progress"><div class="indeterminate"></div></div></div>
  533.                         <p class="spin-text js-globalOverlay-text">Cargando...</p>
  534.                         </div>
  535.                     </div>
  536.                 </div>
  537.                 {% endif %}
  539.                 {% if ((urlDescription.short != '') and (urlDescription.long != '')) %}
  540.                     <div class="clearfix">
  541.                         <div class="js-showDescription justify" style="display:none">{{ urlDescription.short|raw }}...</div>
  542.                         <div class="js-showDescription">{{ urlDescription.long|raw }}</div>
  543.                         <span class="link-span js-toogleInfoDisplay js-resultFlDesc resultFlDesc-showMore" data-target=".js-showDescription" style="display:none">ver menos</span>
  544.                     </div>
  545.                 {% endif %}
  546.                 {#<div class="dispo-flight__title-wrapper type-main">
  547.                     <p class="dispo-flight__title hidden-palm">
  548.                         ¡Encontramos <b class="js-availOptions">xxx</b> opciones de tarifas para tu viaje!
  549.                     </p>
  550.                     <p class="dispo-flight__title hidden-lap-and-up">
  551.                         ¡Te presentamos las <b class="js-availOptions">xxx</b> mejores opciones de tarifas para tu viaje!
  552.                     </p>
  553.                 </div>#}
  554.                 {% if parameters['aviatur_ff_enabled'] == 1 %}
  555.                     {# <div class="btn btn--full sp-stack js-toggleFilters js-toggleFilterAvail hidden-lap-and-up" data-state="0">Ver filtros</div> #}
  556.                     <div class="wrapper-susy  hidden-palm js-availFilters js-toggleFilterAvail" style="display:none">
  557.                         {#<span class="resume-search__engine__close js-closeFilters hidden-lap-and-up">
  558.                             <i class="icon icon_search_close"></i>
  559.                         </span>#}
  560.                         {# <div class="col-3 sm-12 sp-stack relative">
  561.                             <div class="dispo-shared__filter-container--full">
  562.                                 <div class="dispo-shared__filter-order js-orderResults" data-order="price" data-state="asc" role="button" tabindex="0">Precio<i class="icon icon_order-asc sp-inline" data-icon1="icon_order-asc" data-icon2="icon_order-desc"></i>
  563.                                 </div>
  564.                                 <span class="dispo-shared__filter-options js-filterOptions" data-slidetoggle="js-priceFilters" role="button" tabindex="0">
  565.                                     <small>
  566.                                         <i class="icon icon_chevron_down" data-icon1="icon_chevron_down" data-icon2="icon_chevron_up"></i>
  567.                                     </small>
  568.                                 </span>
  569.                             </div>
  570.                             <div class="dispo-shared__filter-options__picker picker js-priceFilters" style="display:none;">
  571.                                 <div class="js-ajaxLoader">
  572.                                     <div class="dispo-shared__filter-loader circularG"></div>
  573.                                 </div>
  574.                                 <div class="js-filterUnit" style="display: none;">
  575.                                     <input type="text" id="js-price" class="dispo-flight__filter__input" readonly="">
  576.                                     <div id="js-slider-price" class="dispo-flight__filter__slider ui-slider"></div>
  577.                                 </div>
  578.                             </div>
  579.                         </div> 
  581.                         <div class="col-3 sm-12 sp-stack relative">
  582.                             <div class="dispo-shared__filter-container--full">
  583.                                 <div class="dispo-shared__filter-order js-orderResults" data-order="dephour" data-state="asc" role="button" tabindex="0">Hora de salida<i class="icon icon_order-asc sp-inline" data-icon1="icon_order-asc" data-icon2="icon_order-desc"></i>
  584.                                 </div>
  585.                                 <span class="dispo-shared__filter-options js-filterOptions" data-slidetoggle="js-deptimeFilters" role="button" tabindex="0">
  586.                                     <small>
  587.                                         <i class="icon icon_chevron_down" data-icon1="icon_chevron_down" data-icon2="icon_chevron_up"></i>
  588.                                     </small>
  589.                                 </span>
  590.                             </div>
  591.                             <div class="dispo-shared__filter-options__picker picker js-deptimeFilters" style="display:none;">
  592.                                 <h3>Hora</h3>
  593.                                 {% for i in 1..flights %}
  594.                                     <p class="dispo-flight__filter__title">Salida Vuelo
  595.                                         {{i}}</p>
  596.                                     <div class="js-ajaxLoader">
  597.                                         <div class="dispo-shared__filter-loader circularG"></div>
  598.                                     </div>
  599.                                     <div class="js-filterUnit" style="display: none;">
  600.                                         <input type="text" id="js-hour-dephour-{{i - 1}}" class="dispo-flight__filter__input" readonly>
  601.                                         <div id="js-slider-hour-dephour-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  602.                                     </div>
  603.                                     <p class="dispo-flight__filter__title">Llegada Vuelo
  604.                                         {{i}}</p>
  605.                                     <div class="js-ajaxLoader">
  606.                                         <div class="dispo-shared__filter-loader circularG"></div>
  607.                                     </div>
  608.                                     <div class="js-filterUnit" style="display: none;">
  609.                                         <input type="text" id="js-hour-arrhour-{{i - 1}}" class="dispo-flight__filter__input" readonly>
  610.                                         <div id="js-slider-hour-arrhour-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  611.                                     </div>
  612.                                 {% endfor %}
  613.                             </div>
  614.                         </div>
  616.                         <div class="col-3 sm-12 sp-stack relative">
  617.                             <div class="dispo-shared__filter-container--full">
  618.                                 <div class="dispo-shared__filter-order js-orderResults" data-order="duration" data-state="asc" role="button" tabindex="0">Duración<i class="icon icon_order-asc sp-inline" data-icon1="icon_order-asc" data-icon2="icon_order-desc"></i>
  619.                                 </div>
  620.                                 <span class="dispo-shared__filter-options js-filterOptions" data-slidetoggle="js-durationFilters" role="button" tabindex="0">
  621.                                     <small>
  622.                                         <i class="icon icon_chevron_down" data-icon1="icon_chevron_down" data-icon2="icon_chevron_up"></i>
  623.                                     </small>
  624.                                 </span>
  625.                             </div>
  626.                             <div class="dispo-shared__filter-options__picker picker js-durationFilters" style="display:none;">
  627.                                 <h3>Tiempo de Vuelo</h3>
  628.                                 {% for i in 1..flights %}
  629.                                     <p class="dispo-flight__filter__title">Vuelo
  630.                                         {{i}}</p>
  631.                                     <div class="js-ajaxLoader">
  632.                                         <div class="dispo-shared__filter-loader circularG"></div>
  633.                                     </div>
  634.                                     <div class="js-filterUnit" style="display: none;">
  635.                                         <input type="text" id="js-flight-time-{{i - 1}}" class="dispo-flight__filter__input" readonly>
  636.                                         <div id="js-slider-flight-time-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  637.                                     </div>
  638.                                 {% endfor %}
  639.                             </div>
  640.                         </div>
  642.                         <div class="col-3 sm-12 sp-stack relative">
  643.                             <div class="dispo-shared__filter-container">
  644.                                 <div class="dispo-shared__filter-more js-slidePicker" data-slidetoggle="js-miscFilters" role="button" tabindex="0">Otros filtros<i class="icon icon_options sp-inline"></i>
  645.                                 </div>
  646.                             </div>
  647.                             <div class="dispo-shared__filter-options__picker picker js-miscFilters" style="display:none;">
  648.                                 <div class="fare-filter-switch">
  649.                                     <h3 class="condensed">Tarifas</h3>
  650.                                     <div class="js-ajaxLoader">
  651.                                         <div class="dispo-shared__filter-loader circularG"></div>
  652.                                     </div>
  653.                                     <div class="sp-stack js-filterUnit" data-entity="fares" style="display: none;"></div>
  654.                                 </div>
  655.                                 <h3 class="condensed">Aerolíneas</h3>
  656.                                 <div class="js-ajaxLoader">
  657.                                     <div class="dispo-shared__filter-loader circularG"></div>
  658.                                 </div>
  659.                                 <div class="sp-stack js-filterUnit" data-entity="airlines" style="display: none;"></div>
  660.                                 <h3 class="condensed">Escalas</h3>
  661.                                 <div class="js-ajaxLoader">
  662.                                     <div class="dispo-shared__filter-loader circularG"></div>
  663.                                 </div>
  664.                                 <div class="sp-stack js-filterUnit" data-entity="stops" style="display: none;"></div>
  665.                                 <h3 class="condensed">Aeropuertos</h3>
  666.                                 <div class="js-ajaxLoader">
  667.                                     <div class="dispo-shared__filter-loader circularG"></div>
  668.                                 </div>
  669.                                 <div class="sp-stack js-filterUnit" data-entity="airports" style="display: none;"></div>
  670.                             </div>
  671.                         </div>#}
  672.                     </div>
  673.                     
  680.                         {# <div>
  681.                         <div class="dispo-shared__filter-options__picker picker w-[25vh]mt-[-1.5vh] js-priceFilters" style="display:none;">
  682.                                         <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  683.                                         <div class="js-filterUnit" style="display: none;">
  684.                                             <input type="text" id="js-price" class="dispo-flight__filter__input" readonly="">
  685.                                             <div id="js-slider-price" class="dispo-flight__filter__slider ui-slider"></div>
  686.                                         </div>
  687.                                     </div>
  689.                                     <div class="dispo-shared__filter-options__picker picker w-[25vh]mt-[-1.5vh] js-deptimeFilters" style="display:none;">
  690.                                 <h3>Hora</h3>
  691.                                 {% for i in 1..flights %}
  692.                                     <p class="dispo-flight__filter__title">Salida Vuelo {{i}}</p>
  693.                                     <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  694.                                     <div class="js-filterUnit" style="display: none;">
  695.                                         <input type="text" id="js-hour-dephour-{{i - 1}}" class="dispo-flight__filter__input" readonly>
  696.                                         <div id="js-slider-hour-dephour-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  697.                                     </div>
  698.                                     <p class="dispo-flight__filter__title">Llegada Vuelo {{i}}</p>
  699.                                     <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  700.                                     <div class="js-filterUnit" style="display: none;">
  701.                                         <input type="text" id="js-hour-arrhour-{{i - 1}}" class="dispo-flight__filter__input" readonly>
  702.                                         <div id="js-slider-hour-arrhour-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  703.                                     </div>
  704.                                 {% endfor %}
  705.                             </div>
  707.                             <div class="dispo-shared__filter-options__picker picker w-[25vh]mt-[-1.5vh] js-durationFilters" style="display:none;">
  708.                                 <h3>Tiempo de Vuelo</h3>
  709.                                 {% for i in 1..flights %}
  710.                                     <p class="dispo-flight__filter__title">Vuelo {{i}}</p>
  711.                                     <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  712.                                     <div class="js-filterUnit" style="display: none;">
  713.                                         <input type="text" id="js-flight-time-{{i - 1}}" class="dispo-flight__filter__input" readonly>
  714.                                         <div id="js-slider-flight-time-{{i - 1}}" class="dispo-flight__filter__slider ui-slider"></div>
  715.                                     </div>
  716.                                 {% endfor %}
  717.                             </div>
  718.                             </div>
  720.                             <div class="col-3 sm-12 sp-stack relative w-full">
  721.                                 <div class="dispo-shared__filter-container">
  722.                                     <div class="dispo-shared__filter-more js-slidePicker" data-slidetoggle="js-miscFilters" role="button" tabindex="0">Otros filtros<i class="icon icon_options sp-inline"></i></div>
  723.                                 </div>
  724.                                 <div class="dispo-shared__filter-options__picker picker w-[25vh]js-miscFilters" style="display:none;">
  725.                                     <div class="fare-filter-switch">
  726.                                         <h3 class="condensed">Tarifas</h3>
  727.                                         <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  728.                                         <div class="sp-stack js-filterUnit" data-entity="fares" style="display: none;"></div>
  729.                                     </div>
  730.                                     <h3 class="condensed">Aerolíneas</h3>
  731.                                     <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  732.                                     <div class="sp-stack js-filterUnit" data-entity="airlines" style="display: none;"></div>
  733.                                     <h3 class="condensed">Escalas</h3>
  734.                                     <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  735.                                     <div class="sp-stack js-filterUnit" data-entity="stops" style="display: none;"></div>
  736.                                     <h3 class="condensed">Aeropuertos</h3>
  737.                                     <div class="js-ajaxLoader"><div class="dispo-shared__filter-loader circularG"></div></div>
  738.                                     <div class="sp-stack js-filterUnit" data-entity="airports" style="display: none;"></div>
  739.                                 </div>
  740.                             </div>
  741.                         </div>#}
  742.                 {% endif %}
  743.             </div>
  745.             {% if parameters['aviatur_ff_enabled'] == 0 %}
  746.                 <div class="dispo-shared__sidebar hide-portable">
  747.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Flight/Default/availability_filter.html.twig') %}
  748.                 </div>
  749.             {% endif %}
  751.             <div class="relative {% if parameters['aviatur_ff_enabled'] == 1 %}dispo-shared__content-full-width{% else %}dispo-shared__content{% endif %}">
  753.                 <div class="js-flightLoader">
  754.                     {% set loading = twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_loadingWorld.html.twig') %}
  755.                     {{ include (loading, {'spinText':"Buscando vuelos " ~ cityOriginName ~ " - " ~ cityDestinationName ~ "..."}) }}
  756.                 </div>
  758.                 <div class="dispo-shared__results dispo__flight">
  759.                     <div class="dispo-shared__results-spinner js-resultsSpinner" style="display:none;">
  760.                         <svg class="mat-loader--200 center-block" height="200" width="200">
  761.                         <circle class="mat-loader--200__path" cx="100" cy="100" r="80" fill="none" stroke-width="6" stroke-miterlimit="10" />
  762.                         </svg>
  763.                     </div>
  764.                     <div id="results">
  766.                         <div id="flight-results" class="dispo-shared__recommendations" style="display:none;"></div>
  767.                         <div class="clearfix js-paginatorTarget" style="display:none;"></div>
  769.                     </div>
  770.                 </div>
  772.             </div>
  774.         </div>
  775.     </div>
  777.     {#{% if isNational %}
  778.         <div id="LeftSliderWidget" class="left-slider hide-palm no-print">
  779.             <div class="left-slider__inner js-toggleSideSliderTarget scrollLeft2Right">
  780.                 <div class="left-slider__col-disclaimer">
  781.                     <span class="resume-search__engine__close js-close" data-target="#LeftSliderWidget">
  782.                         <i class="icon icon_search_close"></i>
  783.                     </span>
  784.                     <h5 class="detail-experience__title type-main bold tooltips-trigger sp-stack--small" style="margin-right:18px;">
  785.                         ¡Aproveche Tiquete Aéreo al Festival Vallenato $1'300.000!
  786.                     </h5>
  787.                     <p class="condensed">
  788.                         <small>Tiquete aéreo vía Avianca saliendo desde Bogotá para el Festival Vallenato. Salída 27 de abril de 2018.</small>
  789.                     </p>
  790.                     <div class="relative">
  791.                         <div class="text-center" style="background-image:url({{ asset('assets/aviatur_assets/img/package/valledupar.png') }});background-size:cover;background-position:center;background-repeat:no-repeat;width:80%;margin:auto">
  792.                             <a class="btn sp-stack sp-offset" target="_blank" href="https://www.aviatur.com/experiencias/detalle/17314/2018-04-27/1-0">Reservar ahora ></a>
  793.                         </div>
  794.                     </div>
  795.                 </div>
  796.             </div>
  797.         </div>
  798.     {% endif %}#}
  800.     <div id="js-panel-detailAvailability" class="slidePanel !w-[40%] !left-[-40%] m:!w-[70%] m:!left-[-70%] s:!w-full s:!left-[-100%] xs:!w-full xs:!left-[-100%] px-8 py-12 slidePanel--left">
  801.         <div class="bg-white z-[80] flex justify-between items-center w-full text-[#042A44] font-[Roboto] text-lg font-medium">
  802.             <span>
  803.                 Detalles de itinerario
  804.             </span>
  805.             <button type="button" class="close-slidePanel"  data-panel="#js-panel-detailAvailability">
  806.                 <span class="material-symbols-rounded text-xl">close</span>
  807.             </button>
  808.         </div>
  809.         <div class="h-full overflow-y-auto overflow-x-hidden scroll-container">
  810.             <div id="js-spinner-detailAvailability" class="overlay overlay--inDiv" style="display: none;">
  811.                 <div class="overlay-center">
  812.                     <div id="js-spinOverlay-detailAvailability" class="spinOverlayLoading"></div>
  813.                     <p class="spin-text js-globalOverlay-text">Cargando...</p>
  814.                 </div>
  815.             </div>
  816.             <div id="js-body-detailAvailability"></div>
  817.         </div>
  818.     </div>
  819.     <div id="js-scrollTopBtn" class="btn--scroll-top pointer" role="button">▲</div>
  820.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/General/search_datepickerContainer.html.twig') %}
  821. {% endblock %}
  823. {% block javascripts_bottom %}
  824.     {{ parent() }}
  825.     <script>
  826.         var dateEndCencosud = '2018-06-30';
  827.         var originIATA = ['BOG', 'CLO', 'SMR', 'BGA', 'BAQ', 'CTG', 'CUC', 'LET', 'MDE', 'MTR', 'PEI', 'ADZ', 'VUP'];
  828.         var destinationIATA = ['ANF', 'CJC', 'COR', 'PMC', 'SCL', 'AQP', 'CUZ', 'JUL', 'LIM', 'BUE', 'FTE', 'IGR', 'ANF', 'RIO', 'SAO', 'IGU', 'CWB', 'POA', 'SYD', 'MEL', 'BNE', 'AKL', 'LPB', 'ASU', 'MVD', 'VVI', 'USH', 'FOR', 'REC', 'BSB', 'SSA', 'IGR', 'IQQ', 'PUQ', 'MAO', 'RGL', 'PPT', 'FLN', 'UIO', 'GYE', 'LSC', 'TUC', 'CCP', 'PCL', 'ZCO', 'ARI', 'AUA', 'CUN', 'MIA'].concat(originIATA);
  829.         var agencyFolder = '{{agency_folder.twigFlux()}}';
  830.     </script>
  831.     {% if parameters['aviatur_xtreme_search_enabled'] is defined and parameters['aviatur_xtreme_search_enabled'] == 1 %}
  832.         <script>
  833.             var xtremeSearchUrl = '{{ parameters['aviatur_xtreme_search_url'] }}';
  834.         </script>
  835.     {% endif %}
  836.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/General/search_js.html.twig') %}
  837.     {#{% if app.session.get('domain') == 'aviatur.com' %}
  838.         <script type="text/javascript" src="//static.clicktripz.com/custom/aviatur/cti_aviatur.js" async defer></script>
  839.     {% endif %}#}
  840. {% endblock javascripts_bottom %}