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