src/Aviatur/TwigBundle/Resources/views/mayatur_colombia/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') or 'aviatur_search_flights'  in app.request.attributes.get('_route') or 'aviatur_search_cars'  in app.request.attributes.get('_route') or 'aviatur_search_bus'  in app.request.attributes.get('_route') or
  2. 'aviatur_search_experiences'  in app.request.attributes.get('_route') or 'aviatur_search_flight_hotel_car'  in app.request.attributes.get('_route') or 'aviatur_search_package'  in app.request.attributes.get('_route') or 'aviatur_search_cruise'  in app.request.attributes.get('_route') or 'aviatur_search_insurance' in app.request.attributes.get('_route') %}
  3. {% endif %}
  4. {% if app.session.get('domainsecure')!=app.session.get('domain')%}
  5.     {% set loginDomain = "https://" ~app.session.get('domainsecure')%}
  6. {% elseif app.session.get('domainport')=="443"%}
  7.     {% set loginDomain="https://"~app.session.get('domainsecure')%}
  8. {% else    %}
  9.     {% set loginDomain="http://"~app.session.get('domainsecure')%}
  10. {% endif %}
  12. <div class="page-head--responsive relative clearfix wrapper-flex-container" role="banner" style="height: auto;">
  13.     <div class="page-head__mobile-offset hidden-lap-and-up"></div>
  14.     <div class="page-head__container-mobile flex-row mx-sm-5">        
  15.     <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>
  16.         <div class="col-4 col-md-2 hidden-desk hide">
  17.             <div class="flex-row type-white"><span>COP</span>
  18.             <span class="type-white material-symbols-outlined">arrow_drop_down</span>
  19.         </div>
  20.         </div>
  21.         {% if app.session.has('whitemark')!= 1 %}
  22.         <div class="col-12 sm-9">
  23.             <a href="{{linkHeader}}">
  24.                 <div class="text-center">
  25.                     <div class="relative">
  26.                     <img class="page-head__aviatur hidden-portable"    src="{{ parameters['blob_azure_assets'] ~ 'assets/' ~ agency_folder.assetStyle() ~ '/img/custom/agency_logo.png'}}"  alt="{{ agencyDataInfo['agency_name'] }}Tiquetes baratos a cualquier destino." title="{{ agencyDataInfo['agency_name'] }} - Tiquetes baratos a cualquier destino."/>
  27.                     <img class="page-head__aviatur hidden-desk xs:inline s:inline"    src="{{ parameters['blob_azure_assets'] ~ 'assets/' ~ agency_folder.assetStyle() ~ '/img/custom/agency_logo_blanco.png' }}"  alt="{{ agencyDataInfo['agency_name'] }}Tiquetes baratos a cualquier destino." title="{{ agencyDataInfo['agency_name'] }} - Tiquetes baratos a cualquier destino."/>
  28.                     </div>
  29.                 </div>
  30.             </a>
  31.         </div>
  32.         {% endif %}
  33.         {% if not app.user %}
  34.         <div class="hidden-portable">
  35.             <a href="{{loginDomain}}/login" class="btn btn-modallogin__open" id="login" style="background-color: #0d4961;">
  36.                 <span class="material-symbols-outlined">account_circle</span>
  37.                 <div  id="login-text-container">Iniciar sesión</div>
  38.             </a>
  39.         </div>
  40.         {% else %}
  41.             <span class="material-icons-round hide-desk js-active-profile" style="font-size: 32px;color: #0460b2;position: absolute;left: 4%;top: 2.8%;z-index: 100;">person_outline</span>
  42.             <li class="page-head__nbr-call right-align hide"><a id="js-customerReservations" href="{{path('aviatur_customer_booking_nocheck')}}">Mis reservas</a></li>
  43.             <li id="nav-mail" class="page-head__nbr-call right-align">
  44.                 <div class="content-nav-profile">
  45.                     <a id="js-customerEdit"    href="{{path('aviatur_customer_edit_info')}}">
  46.                         {% if app.session.get('pictureRed') is defined %}
  47.                             {% if app.session.get('pictureRed')|length > 0 %}
  48.                                 <img src="{{app.session.get('pictureRed')}}" style="width:27px;height:27px;border-radius: 15px;margin-right: 4px;margin-top: -3px;" class="img-responsive">
  49.                             {% else %}
  50.                                 <span class="material-icons-round hide-desk" style="font-size: 26px;color: #0460b2;vertical-align: sub;">person_outline</span>
  51.                             {% endif %}
  52.                         {% endif %}
  53.                         {{app.user.firstname|capitalize}} {{app.user.lastname|capitalize}}
  54.                     </a>
  55.                     <ul id="nav-sub">
  56.                         <li class="left-align"><a href="/customer/account">Mi perfil</a></li>
  57.                         <li class="left-align"><a href="/customer/edit">Actualizar datos</a></li>
  58.                         <li class="left-align"><a href="/customer/booking">Mis reservas</a></li>
  59.                         <li class="left-align"><a href="/customer/mis-tarjetas">Mis tarjetas</a></li>
  60.                         <li class="left-align"><a id="js-customerLogout" href="{{path('fos_user_security_logout')}}">Cerrar sesión <i class="icon icon_door" style="float: right;"></i></a></li>
  61.                     </ul>
  62.                 </div>
  63.             </li>
  64.         {% endif %}
  65.         <div class="hidden-palm hidden-lap" style="border-right: 0px;">
  66.             {% if app.session.get('WorldChangeCoin') is defined and    app.session.get('WorldChangeCoin')    ==    true    %}
  67.             {% endif %}
  68.         </div>
  69.     </div>
  70.     <div class="nav-top    pull-right hide-palm hide">
  71.         {% if app.session.get('domainsecure')!=app.session.get('domain')%}
  72.             {% set loginDomain = "https://" ~app.session.get('domainsecure')%}
  73.         {% elseif app.session.get('domainport')=="443"%}
  74.             {% set loginDomain="https://"~app.session.get('domainsecure')%}
  75.         {% else    %}
  76.             {% set loginDomain="http://"~app.session.get('domainsecure')%}
  77.         {% endif %}
  78.         {% if not app.user %}
  79.             <div class="nav-top__login hide sp-vinset pull-right">
  80.                 <ul class="list-inline">
  81.                     <li>
  82.                         {% if app.session.get('WorldChangeCoin') is    defined    and    app.session.get('WorldChangeCoin')==true %}
  83.                         {%    endif    %}
  84.                         <span id="js-openCallUs2" class="link-quiet link-span" data-modal="#js-modalPhones">Contáctenos</span>
  85.                         <a href="{{loginDomain}}/login" class="link-quiet">Iniciar sesión</a>
  86.                     </li>
  87.                 </ul>
  88.             </div>
  89.         {% endif %}
  90.     </div>
  91.     {% set displayState=''%}
  92.     {% if 'aviatur_general_homepage' not in app.request.attributes.get('_route') or    app.request.query.has('anchor')    %}
  93.         {#hide palm menu    if not homepage    or anchored    link#}
  94.         {% set displayState = 'hidden-palm' %}
  95.     {% endif %}
  96.     {% set nameImgApp='menu-img-mobile5.jpg' %}
  97.     {% if blackFriday is defined %}
  98.         {% if blackFriday=='true' %}
  99.             {%    set    nameImgApp='menu-img-mobile_black_friday.jpg'%}
  100.         {% endif %}
  101.     {%    endif    %}
  102.     <div class="js-nav-main-state wrapper-row nav-main__border_top">
  103.         <a class="js-viewHomePromos hide" href="{% if 'aviatur_general_homepage'    not    in app.request.get('_route') %}{{ linkHeader }}?anchor{% endif %}#home-promos">
  104.             <div class="page-head__menu-img-mobile"    style="background-image:url('/assets/aviatur_assets/img/header/{{nameImgApp}}')"></div>
  105.         </a>
  106.          {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/nav-main.html.twig') %}
  107.     </div>
  108.     <div class="nav-top pull-right hide">
  109.         {% if app.user %}
  110.             <div class="nav-top__logged">
  111.                 <ul    class="list-inline">
  112.                     <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>
  113.                     <li><a class="link-quiet sp-inset--tiny" id="js-customerReservations" href="{{path('aviatur_customer_booking_nocheck')}}">Mis reservas</a></li>
  114.                     <li><a class="link-quiet sp-inset--tiny" id="js-customerLogout"    href="{{path('fos_user_security_logout')}}">Cerrar sesión</a></li>
  115.                 </ul>
  116.             </div>
  117.         {% endif %}
  118.     </div>
  119. </div>
  120. {% set route = app.request.attributes.get('_route') %}
  121. {% 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' %}
  122. {% endif %}
  123. {% block javascripts %}
  124. <script>
  125.     jQuery(document).ready(function () {
  126.         let $panelProfile = document.querySelector('#nav-mail') || null;
  127.         let $contentPanelProfile = document.querySelector('.content-panel__profile') || null;
  128.         document.addEventListener('click' , e => {
  129.             if (e.target.matches('.js-active-profile')) {
  130.                 $panelProfile.classList.add('active-profile');
  131.                 $contentPanelProfile.style.position = 'fixed';
  132.             }
  133.             if (e.target.matches('.content-panel__profile') || e.target.matches('#js-customerLogout')) {
  134.                 $panelProfile.classList.remove('active-profile');
  135.                 $contentPanelProfile.style.position = 'relative';
  136.             }
  137.         });
  138.         jQuery('.js-modal-login__open, .modal-header .close').click(function(){
  140.             jQuery('#js-modalLogin').toggle();
  142.             if (jQuery("#js-modalLogin").is(":visible")) {
  143.                 jQuery('body').append('<div class="modal-backdrop fade in"></div>');
  144.             } else {
  145.                 jQuery('.modal-backdrop').remove();
  146.             }
  147.         });
  148.     });
  149. </script>
  150. {% endblock %}