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