src/Aviatur/TwigBundle/Resources/views/aviatur/Custom/App/header.html.twig line 1

Open in your IDE?
  1. {% if 'aviatur_general_homepage' in app.request.attributes.get('_route') or 'aviatur_search_hotels' in app.request.attributes.get('_route')
  2.     or 'aviatur_search_flights'  in app.request.attributes.get('_route') or 'aviatur_search_cars'   in app.request.attributes.get('_route')
  3.     or 'aviatur_search_bus'      in app.request.attributes.get('_route') or 'aviatur_search_experiences' in app.request.attributes.get('_route')
  4.     or 'aviatur_search_flight_hotel_car' in app.request.attributes.get('_route') or 'aviatur_search_package' in app.request.attributes.get('_route')
  5.     or 'aviatur_search_cruise'   in app.request.attributes.get('_route') or 'aviatur_search_insurance' in app.request.attributes.get('_route')
  6. %}
  7. {% endif %}
  8. {% if app.session.get('domainsecure')!=app.session.get('domain')%}
  9.     {% set loginDomain = "https://" ~app.session.get('domainsecure')%}
  10. {% elseif app.session.get('domainport')=="443"%}
  11.     {% set loginDomain="https://"~app.session.get('domainsecure')%}
  12. {% else %}
  13.     {% set loginDomain="http://"~app.session.get('domainsecure')%}
  14. {% endif %}
  15. {% if parameters['blob_azure_assets'] is defined %}
  16.     {% set assetsBlobUrl = parameters['blob_azure_assets'] %}
  17. {% else %}
  18.     {% set assetsBlobUrl = "https://aviaturcdndev.z5.web.core.windows.net/"%}
  19. {% endif %}
  21. {% set isHomeSearch = 'search' in app.request.attributes.get('_route') or 'homepage' in app.request.attributes.get('_route') ? true : false %}
  22.  
  23. <div class="page-head--responsive relative clearfix wrapper-flex-container {{ isHomeSearch ? "bg-white m:!bg-transparent s:!bg-transparent xs:!bg-transparent" : "!bg-white" }}" role="banner">
  24.     <div class="page-head__mobile-offset hidden-lap-and-up"></div>
  25.     <div class="page-head__container-mobile grid grid-cols-12 mx-6 justify-between m:justify-items-center s:justify-items-center xs:justify-items-center items-center">
  26.         {#<div class="page-head__bg-container--responsive   hidden-lap-and-up hide"><div class="page-head__bg__img  bg-img{{videoType}} js-headerImg"></div></div>#}
  27.         <div class="col-span-2 lg:hidden">
  28.             <div class="flex-row type-white hide"><span>COP</span>
  29.             <span class="type-white material-symbols-rounded hide">arrow_drop_down</span>
  30.         </div>
  31.         </div>
  32.         {% if app.session.has('whitemark')!=1%}
  33.         <div class="col-span-5 m:col-span-9 s:col-span-8 xs:col-span-8">
  34.             <a href="{{linkHeader}}">
  35.                 <div class="text-center">
  36.                     <div class="relative">
  37.                         {# AZUL #}
  38.                         <img class="page-head__aviatur {# m:hidden s:hidden xs:hidden #} {{ isHomeSearch ? "block m:hidden s:hidden xs:hidden" : "block" }}" src="{{  assetsBlobUrl ~ 'assets/'~ agency_folder.assetStyle() ~ '/img/header/aviatur_logo_blue.svg' }}" alt="Aviatur.com Tiquetes baratos a cualquier destino. Reserva y compra tiquetes aéreos, cuartos de hoteles, autos, cruceros y paquetes    turísticos en línea" title="Aviatur.com - Tiquetes baratos a cualquier destino. Reserva y compra tiquetes aéreos, cuartos de hoteles, autos, cruceros y paquetes turísticos en línea"/>
  39.                         {# BLANCO #}
  40.                         <img class="page-head__aviatur {# hidden m:block s:block xs:block #} {{ isHomeSearch ? "hidden m:block s:block xs:block" : "hidden" }}" src="{{  assetsBlobUrl ~ 'assets/'~ agency_folder.assetStyle() ~ '/img/header/aviatur_logo_white.svg' }}" alt="Aviatur.com Tiquetes baratos a cualquier destino. Reserva y compra tiquetes aéreos, cuartos de hoteles, autos, cruceros y paquetes   turísticos en línea" title="Aviatur.com - Tiquetes baratos a cualquier destino. Reserva y compra tiquetes aéreos, cuartos de hoteles, autos, cruceros y paquetes turísticos en línea"/>
  41.                     </div>
  42.                 </div>
  43.             </a>
  44.         </div>
  45.         {% endif %}
  46.        {% if is_mobile() %}
  47.             <div class="col-span-1 float-left px-2.5 text-center hidden m:block s:block xs:block">
  48.                 {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/secondary-nav-palm.html.twig') %}
  49.             </div>
  50.         {% else %}
  51.             <div class="col-span-7 px-2.5 m:hidden s:hidden xs:hidden">
  52.                 {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/secondary-nav.html.twig') with {'isMobile': false } %}
  53.             </div>
  54.          {% endif %}
  55.         {# <div class="hidden-palm hidden-lap" style="border-right: 0px;">
  56.             {% if app.session.get('WorldChangeCoin') is defined and app.session.get('WorldChangeCoin')  ==  true    %}
  57.                 {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/coin-list.html.twig') %}
  58.             {% endif %}
  59.         </div> #}
  60.     </div>
  61.     <div class="nav-top pull-right hide-palm hide">
  62.         {% if app.session.get('domainsecure')!=app.session.get('domain')%}
  63.             {% set loginDomain = "https://" ~app.session.get('domainsecure')%}
  64.         {% elseif app.session.get('domainport')=="443"%}
  65.             {% set loginDomain="https://"~app.session.get('domainsecure')%}
  66.         {% else %}
  67.             {% set loginDomain="http://"~app.session.get('domainsecure')%}
  68.         {% endif %}
  69.         {% if not app.user %}
  70.             <div class="nav-top__login hide sp-vinset pull-right">
  71.                 <ul class="list-inline">
  72.                     <li>
  73.                         {% if app.session.get('WorldChangeCoin') is defined and app.session.get('WorldChangeCoin')==true %}
  74.                             {# {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/coin-list.html.twig') %} #}
  75.                         {%  endif   %}
  76.                         <span id="js-openCallUs2" class="link-quiet link-span" data-modal="#js-modalPhones">Contáctenos</span>
  77.                         <a href="{{loginDomain}}/login" class="link-quiet">Iniciar sesión</a>
  78.                     </li>
  79.                 </ul>
  80.             </div>
  81.         {% endif %}
  82.     </div>
  83.     {% set displayState=''%}
  84.     {% if 'aviatur_general_homepage' not in app.request.attributes.get('_route') or app.request.query.has('anchor') %}
  85.         {#hide palm menu    if not homepage or anchored link#}
  86.         {% set displayState = 'hidden-palm' %}
  87.     {% endif %}
  88.     {# {% set nameImgApp='menu-img-mobile5.jpg' %}
  89.     {% if blackFriday is defined %}
  90.         {% if blackFriday=='true' %}
  91.             {%  set nameImgApp='menu-img-mobile_black_friday.jpg'%}
  92.         {% endif %}
  93.     {%  endif   %} #}
  94.     {# <div class="js-nav-main-state wrapper-row nav-main__border_top">
  95.         <a class="js-viewHomePromos hide" href="{% if 'aviatur_general_homepage' not in app.request.get('_route') %}{{ linkHeader }}?anchor{% endif %}#home-promos">
  96.             <div class="page-head__menu-img-mobile" style="background-image:url('/assets/aviatur_assets/img/header/{{nameImgApp}}')"></div>
  97.         </a>
  98.          {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/nav-main.html.twig') %}
  99.     </div> #}
  100.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/navbar-items.html.twig') %}
  101.     <div class="nav-top pull-right hide">
  102.         {% if app.user %}
  103.             <div class="nav-top__logged">
  104.                 <ul class="list-inline">
  105.                     <li class="hide-portable"><a class="link-quiet sp-inset--tiny" id="js-customerEdit" href="{{path('aviatur_customer_edit_info')}}">{{app.user.username}}</a></li>
  106.                     <li><a class="link-quiet sp-inset--tiny" id="js-customerReservations" href="{{path('aviatur_customer_booking_nocheck')}}">Mis reservas</a></li>
  107.                     <li><a class="link-quiet sp-inset--tiny" id="js-customerLogout" href="{{path('fos_user_security_logout')}}">Cerrar sesión</a></li>
  108.                 </ul>
  109.             </div>
  110.         {% endif %}
  111.     </div>
  112. </div>
  113. {% set route = app.request.attributes.get('_route') %}
  114. {% if route == 'aviatur_general_homepage' or route == 'aviatur_flight_oneway' or route == 'aviatur_flight_round' or route == 'aviatur_flight_multi_1' or route == 'aviatur_flight_multi_2' or route == 'aviatur_flight_multi_3' or route == 'aviatur_flight_multi_4' or route == 'aviatur_flight_multi_5' or route == 'aviatur_flight_multi_6' %}
  115.     <div class="wrapper frame alert warning hide" style="color:white;margin:0 auto;">
  116.         {% if "now"|date('U') >= '2020-03-19 00:00:00'|date('U') and "now"|date('U') < '2020-03-19 23:59:59'|date('U') %}
  117.             <p>Le recordamos que el día de hoy,  el Presidente de la República Ivan Duque Márquez anunció la prohibición de la llegada de vuelos internacionales al país, así como el ingreso de pasajeros nacionales e internacionales al Aeropuerto El Dorado en Bogotá. Esta medida regirá desde el próximo lunes 23 de marzo a las 00:00 horas, y se extenderá durante 30 días.</p>
  118.         {% elseif "now"|date('U') >= '2020-03-20 00:00:00'|date('U') and "now"|date('U') <= '2021-04-30 23:59:59'|date('U')%}
  119.             <p>Le recordamos que el Presidente de la República Iván Duque Márquez anunció la prohibición de la llegada de vuelos internacionales al país, así como el ingreso de pasajeros nacionales e internacionales al Aeropuerto El Dorado en Bogotá. Esta medida empezó a regir desde el lunes 23 de marzo a las 00:00 horas y se extenderá hasta el próximo 11 de mayo.</p>
  120.         {% endif %}
  121.     </div>
  122. {% endif %}
  123. {% block styles %}
  124. <style>
  125.     /* Hide scrollbar for Chrome, Safari and Opera */
  126.     .no__scrollbar::-webkit-scrollbar {
  127.         display: none;
  128.     }
  129.     /* Hide scrollbar for IE, Edge and Firefox */
  130.     .no__scrollbar {
  131.         -ms-overflow-style: none;  /* IE and Edge */
  132.         scrollbar-width: none;  /* Firefox */
  133.     }
  134.     .scrollBarHidden::-webkit-scrollbar {
  135.         display: none;
  136.         -ms-overflow-style: none;  /* IE and Edge */
  137.         scrollbar-width: none;  /* Firefox */
  138.     }
  139. </style>
  140. {% endblock %}
  141. {% block javascripts %}
  142. <script>
  143.     jQuery(document).ready(function () {
  144.         let $panelProfile = document.querySelector('#nav-mail') || null;
  145.         let $contentPanelProfile = document.querySelector('.content-panel__profile') || null;
  146.         document.addEventListener('click' , e => {
  147.             if (e.target.matches('.js-active-profile')) {
  148.                 $panelProfile.classList.add('active-profile');
  149.                 $contentPanelProfile.style.position = 'fixed';
  150.             }
  151.             if (e.target.matches('.content-panel__profile') || e.target.matches('#js-customerLogout')) {
  152.                 $panelProfile.classList.remove('active-profile');
  153.                 $contentPanelProfile.style.position = 'relative';
  154.             }
  155.         });
  156.         jQuery('.js-modal-login__open, .modal-header .close').click(function(){
  157.             if(jQuery('#js-modalLogin').css("display") != 'none'){
  158.                 jQuery('#js-modalLogin').toggle();
  159.             }
  160.             if (jQuery("#js-modalLogin").is(":visible")) {
  161.                 jQuery('body').append('<div class="modal-backdrop fade in"></div>');
  162.             } else {
  163.                 jQuery('.modal-backdrop').remove();
  164.             }
  165.         });
  166.     });
  167. </script>
  168. {% endblock %}