{% 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
'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 %}
{% if app.session.get('domainsecure')!=app.session.get('domain')%}
{% set loginDomain = "https://" ~app.session.get('domainsecure')%}
{% elseif app.session.get('domainport')=="443"%}
{% set loginDomain="https://"~app.session.get('domainsecure')%}
{% else %}
{% set loginDomain="http://"~app.session.get('domainsecure')%}
{% endif %}
<div class="page-head--responsive relative clearfix wrapper-flex-container" role="banner" style="height: 8.5rem;">
<div class="page-head__mobile-offset hidden-lap-and-up h-[80px]"></div>
<div class="page-head__container-mobile flex-row mx-sm-5"> {#<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>#}
<div class="col-4 col-md-2 hidden-desk hide">
<div class="flex-row type-white"><span>COP</span>
<span class="type-white material-symbols-outlined">arrow_drop_down</span>
</div>
</div>
{% if app.session.has('whitemark')!= 1 %}
<div class="col-12 sm-9">
<a href="{{linkHeader}}">
<div class="text-center">
<div class="relative">
<img class="page-head__aviatur max-h-none 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."/>
<img class="page-head__aviatur max-h-none inline hidden-desk" src="{{ parameters['blob_azure_assets'] ~ 'assets/' ~ agency_folder.assetStyle() ~ '/img/custom/agency_logo_white.png' }}" alt="{{ agencyDataInfo['agency_name'] }}Tiquetes baratos a cualquier destino." title="{{ agencyDataInfo['agency_name'] }} - Tiquetes baratos a cualquier destino."/>
</div>
</div>
</a>
</div>
{% endif %}
{# <div class="col-4 col-md-2 text-center hidden-desk">
{% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/secondary-nav.html.twig') with {'isMobile': true } %}
</div>
<div class="col-6 hidden-portable">
{% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/secondary-nav.html.twig') with {'isMobile': false } %}
</div> #}
{% if app.user %}
{# {% if not app.user %}
<div class="hidden-portable">
<a href="{{loginDomain}}/login" class="btn btn-modallogin__open" id="login">
<span class="material-symbols-outlined">account_circle</span>
<div id="login-text-container">Iniciar sesión</div>
</a>
</div>
{% else %} #}
<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>
<li class="page-head__nbr-call right-align"><a id="js-customerLogout" href="{{path('fos_user_security_logout')}}">Cerrar sesión</a></li>
<li class="page-head__nbr-call right-align hide"><a id="js-customerReservations" href="{{path('aviatur_customer_booking_nocheck')}}">Mis reservas</a></li>
<li id="nav-mail" class="page-head__nbr-call right-align">
<div class="content-nav-profile">
<a id="js-customerEdit" href="{{path('aviatur_customer_edit_info')}}">
{% if app.session.get('pictureRed') is defined %}
{% if app.session.get('pictureRed')|length > 0 %}
<img src="{{app.session.get('pictureRed')}}" style="width:27px;height:27px;border-radius: 15px;margin-right: 4px;margin-top: -3px;" class="img-responsive">
{% else %}
<span class="material-icons-round hide-desk" style="font-size: 26px;color: #0460b2;vertical-align: sub;">person_outline</span>
{% endif %}
{% endif %}
{{app.user.firstname|capitalize}} {{app.user.lastname|capitalize}}
</a>
<ul id="nav-sub" class="top-auto end-0">
<li class="left-align"><a href="/customer/account">Mi perfil</a></li>
<li class="left-align"><a href="/customer/edit">Actualizar datos</a></li>
<li class="left-align"><a href="/customer/booking">Mis reservas</a></li>
<li class="left-align"><a href="/customer/mis-tarjetas">Mis tarjetas</a></li>
<li class="left-align"><a href="/customer/tarifas-congeladas">Tarifas congeladas</a></li>
<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>
</ul>
</div>
</li>
{% endif %}
<div class="hidden-palm hidden-lap" style="border-right: 0px;">
{% if app.session.get('WorldChangeCoin') is defined and app.session.get('WorldChangeCoin') == true %}
{# {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/coin-list.html.twig') %} #}
{% endif %}
</div>
</div>
<div class="nav-top pull-right hide-palm hide">
{% if app.session.get('domainsecure')!=app.session.get('domain')%}
{% set loginDomain = "https://" ~app.session.get('domainsecure')%}
{% elseif app.session.get('domainport')=="443"%}
{% set loginDomain="https://"~app.session.get('domainsecure')%}
{% else %}
{% set loginDomain="http://"~app.session.get('domainsecure')%}
{% endif %}
{% if not app.user %}
<div class="nav-top__login hide sp-vinset pull-right">
<ul class="list-inline">
<li>
{% if app.session.get('WorldChangeCoin') is defined and app.session.get('WorldChangeCoin')==true %}
{# {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/coin-list.html.twig') %} #}
{% endif %}
<span id="js-openCallUs2" class="link-quiet link-span" data-modal="#js-modalPhones">Contáctenos</span>
<a href="{{loginDomain}}/login" class="link-quiet">Iniciar sesión</a>
</li>
</ul>
</div>
{% endif %}
</div>
{% set displayState=''%}
{% if 'aviatur_general_homepage' not in app.request.attributes.get('_route') or app.request.query.has('anchor') %}
{#hide palm menu if not homepage or anchored link#}
{% set displayState = 'hidden-palm' %}
{% endif %}
{% set nameImgApp='menu-img-mobile5.jpg' %}
{% if blackFriday is defined %}
{% if blackFriday=='true' %}
{% set nameImgApp='menu-img-mobile_black_friday.jpg'%}
{% endif %}
{% endif %}
<div class="js-nav-main-state wrapper-row nav-main__border_top">
<a class="js-viewHomePromos hide" href="{% if 'aviatur_general_homepage' not in app.request.get('_route') %}{{ linkHeader }}?anchor{% endif %}#home-promos">
<div class="page-head__menu-img-mobile" style="background-image:url('/assets/aviatur_assets/img/header/{{nameImgApp}}')"></div>
</a>
{% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/nav-main.html.twig') %}
</div>
<div class="nav-top pull-right hide">
{% if app.user %}
<div class="nav-top__logged">
<ul class="list-inline">
<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>
<li><a class="link-quiet sp-inset--tiny" id="js-customerReservations" href="{{path('aviatur_customer_booking_nocheck')}}">Mis reservas</a></li>
<li><a class="link-quiet sp-inset--tiny" id="js-customerLogout" href="{{path('fos_user_security_logout')}}">Cerrar sesión</a></li>
</ul>
</div>
{% endif %}
</div>
</div>
{% set route = app.request.attributes.get('_route') %}
{% block javascripts %}
<script>
jQuery(document).ready(function () {
let $panelProfile = document.querySelector('#nav-mail') || null;
let $contentPanelProfile = document.querySelector('.content-panel__profile') || null;
var ruta = jQuery('.nav-main__grid').last().find('a').attr('href');
if(sessionStorage.getItem('registro_agente')==null){
if(ruta == '/registro-agente'){
jQuery('.js-globalOverlay').show();
location.href = '/registro-agente';
sessionStorage.setItem('registro_agente','true');
}
}
//Abrir el modal de afiliados cuando se haga clic en el enlace
jQuery('#modalAgente_login__open').click(function (e) {
e.preventDefault();
jQuery('#js-modalAgente').show();
jQuery('body').append('<div id="js-modalAgente_backdrop" class="modal-backdrop fade in"></div>');
});
//Cerrar el modal cuando se haga clic en el botón de cierre
jQuery('#js-modalAgente .close').click(function () {
jQuery('#js-modalAgente').hide();
jQuery('.modal-backdrop').remove();
});
//Abrir el modal de login
jQuery('#login').click(function () {
jQuery('#js-modalAgente').hide();
jQuery('#js-modalAgente_backdrop').hide();
});
});
</script>
{% endblock %}