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') %}{% endif %}
  3. {% if app.session.get('domainsecure')!=app.session.get('domain')%}
  4.     {% set loginDomain = "https://" ~app.session.get('domainsecure')%}
  5. {% elseif app.session.get('domainport')=="443"%}
  6.     {% set loginDomain="https://"~app.session.get('domainsecure')%}
  7. {% else    %}
  8.     {% set loginDomain="http://"~app.session.get('domainsecure')%}
  9. {% endif %}
  11. {% set isFlightDetail = path('aviatur_flight_detail_secure') in app.request.pathinfo or path('aviatur_flight_detail_redirect_secure') in app.request.pathinfo %}
  13. <div class="{{isFlightDetail ? 'hidden' : ''}} page-head--responsive relative clearfix wrapper-flex-container" role="banner" style="height: auto;">
  14.     <div class="page-head__mobile-offset hidden-lap-and-up"></div>
  16.     <div class="page-head__container-mobile flex-row mx-sm-5">
  17.         <div class="page-head__bg-container--responsive    hidden-lap-and-up hide">
  18.             <div class="page-head__bg__img    bg-img{{videoType}}    js-headerImg"></div>
  19.         </div>
  20.         <div class="col-4 col-md-2 hidden-desk hide">
  21.             <div class="flex-row type-white">
  22.                 <span>COP</span>
  23.                 <span class="type-white material-symbols-outlined">arrow_drop_down</span>
  24.             </div>
  25.         </div>
  26.         {% if app.session.has('whitemark')!= 1 %}
  27.             <div class="col-12 sm-9">
  28.                 <a href="{{linkHeader}}">
  29.                     <div class="text-center">
  30.                         <div class="relative">
  31.                             <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."/>
  32.                             <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."/>
  33.                         </div>
  34.                     </div>
  35.                 </a>
  36.             </div>
  37.         {% endif %}
  38.         {% if not app.user %}
  39.             <div class="hidden-portable">
  40.                 <a class="btn btn-modallogin__open" id="login" style="background-color: #facc03;">
  41.                     <span class="material-symbols-outlined">account_circle</span>
  42.                     <div id="login-text-container">Iniciar sesión</div>
  43.                 </a>
  44.             </div>
  45.         {% else %}
  46.             <span class="material-icons-round hide js-active-profile" style="font-size: 32px;color: ;position: absolute;left: 4%;top: 2.8%;z-index: 100;">person_outline</span>
  47.             <li id="nav-mail" class="page-head__nbr-call">
  48.                 <div id="userDropdownWrapper" class="inline-block text-left">
  49.                     <div id="btn-modallogin" class="flex items-center gap-2 cursor-pointer">
  50.                         <div class="content-nav-profile">
  51.                             <a id="js-customerEdit" class="flex items-center gap-2 relative cursor-pointer">
  52.                                 {% if app.session.get('pictureRed') is defined %}
  53.                                     {% if app.session.get('pictureRed')|length > 0 %}
  54.                                         <img src="{{ app.session.get('pictureRed') }}" class="w-7 h-7 rounded-full object-cover"/>
  55.                                     {% else %}
  56.                                         <span class="material-icons-round hide-desk text-blue-700 text-[26px] align-middle">person_outline</span>
  57.                                     {% endif %}
  58.                                 {% endif %}
  59.                                 <span class="text-sm font-medium text-gray-800">
  60.                                     {{ app.user.firstname|capitalize }}
  61.                                     {{ app.user.lastname|capitalize }}
  62.                                 </span>
  63.                             </a>
  65.                             <ul id="nav-sub" class="left-[94%] w-56 bg-white transform -translate-x-1/2">
  66.                                 <li>
  67.                                     <a href="/customer/account" class="block px-4 py-2 text-sm hover:bg-gray-100">Mi perfil</a>
  68.                                 </li>
  69.                                 <li>
  70.                                     <a href="/customer/edit" class="block px-4 py-2 text-sm hover:bg-gray-100">Actualizar datos</a>
  71.                                 </li>
  72.                                 <li>
  73.                                     <a href="/customer/booking" class="block px-4 py-2 text-sm hover:bg-gray-100">Mis reservas</a>
  74.                                 </li>
  75.                                 <li>
  76.                                     <a href="/customer/mis-tarjetas" class="block px-4 py-2 text-sm hover:bg-gray-100">Mis tarjetas</a>
  77.                                 </li>
  78.                                 <li>
  79.                                     <a id="js-customerLogout" href="{{ path('fos_user_security_logout') }}" class="block px-4 py-2 text-sm text-red-600 hover:bg-red-50 hover:text-red-700 flex justify-between">
  80.                                         Cerrar sesión
  81.                                         <i class="icon icon_door"></i>
  82.                                     </a>
  83.                                 </li>
  84.                             </ul>
  85.                         </div>
  86.                     </li>
  87.                 {% endif %}
  88.                 <div class="hidden-palm hidden-lap" style="border-right: 0px;">
  89.                     {% if app.session.get('WorldChangeCoin') is defined and    app.session.get('WorldChangeCoin')    ==    true    %}{% endif %}
  90.                 </div>
  91.             </li>
  92.         </div>
  93.         <div class="nav-top    pull-right hide-palm hide">
  94.             {% if app.session.get('domainsecure')!=app.session.get('domain')%}
  95.                 {% set loginDomain = "https://" ~app.session.get('domainsecure')%}
  96.             {% elseif app.session.get('domainport')=="443"%}
  97.                 {% set loginDomain="https://"~app.session.get('domainsecure')%}
  98.             {% else    %}
  99.                 {% set loginDomain="http://"~app.session.get('domainsecure')%}
  100.             {% endif %}
  101.             {% if not app.user %}
  102.                 <div class="nav-top__login hide sp-vinset pull-right">
  103.                     <ul class="list-inline">
  104.                         <li>
  105.                             {% if app.session.get('WorldChangeCoin') is    defined    and    app.session.get('WorldChangeCoin')==true %}{%    endif    %}
  106.                             <span id="js-openCallUs2" class="link-quiet link-span" data-modal="#js-modalPhones">Contáctenos</span>
  107.                             <a href="{{loginDomain}}/login" class="link-quiet">Iniciar sesión</a>
  108.                         </li>
  109.                     </ul>
  110.                 </div>
  111.             {% endif %}
  112.         </div>
  113.         {% set displayState=''%}
  114.         {% if 'aviatur_general_homepage' not in app.request.attributes.get('_route') or    app.request.query.has('anchor')    %}
  115.             {% set displayState = 'hidden-palm' %}
  116.         {% endif %}
  117.         {% set nameImgApp='menu-img-mobile5.jpg' %}
  118.         {% if blackFriday is defined %}
  119.             {% if blackFriday=='true' %}
  120.                 {%    set    nameImgApp='menu-img-mobile_black_friday.jpg'%}
  121.             {% endif %}
  122.         {%    endif    %}
  123.         <div class="js-nav-main-state wrapper-row nav-main__border_top">
  124.             <a class="js-viewHomePromos hide" href="{% if 'aviatur_general_homepage' not in app.request.get('_route') %}{{ linkHeader }}?anchor{% endif %}#home-promos">
  125.                 <div class="page-head__menu-img-mobile" style="background-image:url('/assets/aviatur_assets/img/places/ctg.jpg)"></div>
  126.             </a>
  127.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/nav-main.html.twig') %}
  128.         </div>
  129.         <div class="nav-top pull-right hide">
  130.             {% if app.user %}
  131.                 <div class="nav-top__logged">
  132.                     <ul class="list-inline">
  133.                         <li class="hide-portable">
  134.                             <a class="link-quiet sp-inset--tiny" href="{{path('aviatur_customer_edit_info')}}">{{app.user.username}}</a>
  135.                         </li>
  136.                         <li>
  137.                             <a class="link-quiet sp-inset--tiny" id="js-customerReservations" href="{{path('aviatur_customer_booking_nocheck')}}">Mis reservas</a>
  138.                         </li>
  139.                         <li>
  140.                             <a class="link-quiet sp-inset--tiny" id="js-customerLogout" href="{{path('fos_user_security_logout')}}">Cerrar sesión</a>
  141.                         </li>
  142.                     </ul>
  143.                 </div>
  144.             {% endif %}
  145.         </div>
  146.     </div>
  147.     {% set route = app.request.attributes.get('_route') %}
  148.     {% 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' %}{% endif %}
  149.     {% block javascripts %}
  150.          <script>
  151.                     jQuery(document).ready(function () {
  152.         let $panelProfile = document.querySelector('#nav-mail') || null;
  153.         let $contentPanelProfile = document.querySelector('.content-panel__profile') || null;
  154.         document.addEventListener('click', e => {
  155.         if (e.target.matches('.js-active-profile')) {
  156.         $panelProfile.classList.add('active-profile');
  157.         $contentPanelProfile.style.position = 'fixed';
  158.         }
  159.         if (e.target.matches('.content-panel__profile') || e.target.matches('#js-customerLogout')) {
  160.         $panelProfile.classList.remove('active-profile');
  161.         $contentPanelProfile.style.position = 'relative';
  162.         }
  163.         });
  164.         jQuery(function () {
  165.             function openModal() {
  166.                 jQuery('#js-modalLogin').show();
  167.                 if (!jQuery('.modal-backdrop').length) {
  168.                     jQuery('body').append('<div class="modal-backdrop fade in"></div>');
  169.                 }
  170.             }
  171.         
  172.             function closeModal() {
  173.                 jQuery('#js-modalLogin').hide();
  174.                 jQuery('.modal-backdrop').remove();
  175.             }
  176.         
  177.             jQuery('.js-modal-login__open').click(openModal);
  178.         
  179.             jQuery('.modal-header .close').click(closeModal);
  180.             jQuery(document).on('click', '.modal-backdrop', closeModal);
  181.         });
  182.         });
  183.     </script>
  184.     {% endblock %}