<header class="header">
<div class="header_fixed">
{% if referer_euro or app.session.get('referer_euro') %}
<a href="{{ get_env('EUROCAMIONES_URL') }}" class="header_back">
<span class="header_back_icon icon-arrow_back_ios"></span>
<span class="header_back_text">Regresar a la web Eurocamiones</span>
</a>
{% endif %}
<div class="header_container ww_center">
<a href="{{ path('home') }}" class="header_logo">
<img class="header_logo_white" src="{{ asset(info.headerLogoWhite|image_path) }}" width="200" height="62" alt="{{ info.seoTitle }}"/>
<img class="header_logo_color" src="{{ asset(info.headerLogoColor|image_path) }}" width="200" height="62" alt="{{ info.seoTitle }}"/>
</a>
<ul class="header_list">
<li class="header_item_modelos">
<a href="{{ path('model_list') }}" class="header_link header_link_arrow headerOpenModelos">Modelos</a>
<ul class="header_menu modelos">
<li>
<a href="{{ path('model_trucks') }}" class="header_menu_link">
<figure>
<img src="{{ asset(menu_models.trucksImage|image_path) }}" width="40" height="40" alt="{{ menu_models.trucksTitle ?: 'Camiones' }}">
</figure>
<div>{{ menu_models.trucksTitle ?: 'Camiones' }}</div>
</a>
</li>
<li>
<a href="{{ path('model_buses') }}" class="header_menu_link">
<figure>
<img src="{{ asset(menu_models.busesImage|image_path) }}" width="40" height="40" alt="{{ menu_models.busesTitle ?: 'Buses' }}">
</figure>
<div>{{ menu_models.busesTitle ?: 'Buses' }}</div>
</a>
</li>
</ul>
</li>
<li>
<a href="" class="header_link header_link_pointer headerOpenAcordion">Red a Nivel Nacional</a>
<ul class="header_menu red">
<li>
<a href="{{ path('network_trucks') }}" class="header_menu_link">Camiones</a>
</li>
<li>
<a href="{{ path('network_buses') }}" class="header_menu_link">Buses</a>
</li>
</ul>
</li>
<li>
<a href="" class="header_link header_link_pointer headerOpenAcordion">PostVenta</a>
<ul class="header_menu">
<li>
<a href="" class="header_menu_link headerOpenSubmenu">Camiones
<span class="icon-arrow_forward_ios"></span>
</a>
<ul class="header_submenu">
<li>
<a href="{{ info.linkServices|external_url }}" target="_blank" class="header_menu_link headerOpenSublist">Servicios
<span class="icon-arrow_forward_ios"></span>
</a>
<ul class="header_sublist">
<li>
<a href="{{ path('network_trucks') }}">Talleres</a>
</li>
{% for item in menu_services %}
<li>
<a href="{{ item.link|external_url }}" target="_blank">{{ item.title }}</a>
</li>
{% endfor %}
</ul>
</li>
<li>
<a href="{{ info.linkSpareParts|external_url }}" target="_blank" class="header_menu_link headerOpenSublist">Repuestos
<span class="icon-arrow_forward_ios"></span>
</a>
<ul class="header_sublist">
<li>
<a href="{{ path('network_trucks') }}">Tiendas</a>
</li>
<li>
<a href="{{ info.linkSparePartsWarranty|external_url }}" target="_blank">Garantía de Repuestos</a>
</li>
<li>
<a href="{{ info.linkOnlineStore|external_url }}" target="_blank">Tienda Online</a>
</li>
<li>
<a href="{{ path('quotation_request') }}">Solicitud de Repuestos</a>
</li>
</ul>
</li>
<li>
<a href="{{ info.linkTechnicalAssistance|external_url }}" target="_blank" class="header_menu_link">Asistencia Técnica y Capacitación</a>
</li>
</ul>
</li>
<li>
<a href="" class="header_menu_link">Buses
<span class="icon-arrow_forward_ios"></span>
</a>
</li>
</ul>
</li>
<li>
<a href="{{ path('promotions') }}" class="header_link">Promociones</a>
</li>
{% if info.showBlog %}
<li>
<a href="{{ info.socialBlogLink|external_url }}" class="header_link" target="_blank">Noticias</a>
</li>
{% endif %}
<li>
<a href="{{ path('contact') }}" class="header_link">Contacto</a>
</li>
<li>
<a href="" class="header_link header_link_pointer headerOpenAcordion">Cotizar</a>
<ul class="header_menu cotizar">
<li>
<a href="{{ path('quotation_request') }}" class="header_menu_link">Cotizar Repuestos</a>
</li>
<li>
<a href="{{ path('quotation_trucks') }}" class="header_menu_link">Cotizar Camiones</a>
</li>
<li>
<a href="{{ path('quotation_buses') }}" class="header_menu_link">Cotizar Buses</a>
</li>
<li>
<a href="{{ path('quotation_services') }}" class="header_menu_link">Cotizar Servicios</a>
</li>
</ul>
</li>
</ul>
<div class="header_box">
{% if info.showShop %}
<div class="header_btn">
<a class="btn btn_lightblue" href="{{ info.shopLink|external_url }}" target="{{ info.shopTarget|url_target }}">{{ info.shopButtonText ?: 'Tienda Online' }}</a>
</div>
{% endif %}
<a href="tel:{{ info.phone|only_numbers }}" class="header_phone" target="_blank">
<span class="icon-phone_in_talk"></span>
</a>
</div>
</div>
</div>
</header>
<span class="menu_overlay menuOverlayJS"></span>
<div class="menu_button menuOpenJS">
<div class="menu_lines">
<span class="menu_line menu_line_1"></span>
<span class="menu_line menu_line_2"></span>
<span class="menu_line menu_line_3"></span>
</div>
</div>
<div class="menu_responsive">
<div class="menu_container"></div>
</div>
{% if info.showWhatsapp %}
<a href="{{ info.socialWhatsappNumber|whatsapp_url(info.socialWhatsappMessage) }}" target="_blank" class="headerv1_whatsapp">
<figure>
<img src="{{ asset('static/img/whatsapp.svg') }}" alt="whatsapp">
</figure>
</a>
{% endif %}
{% if info.showRoulette and info.rouletteImage|image_path %}
<a href="{{ info.rouletteLink|external_url }}" target="_blank" class="headerv1_btnruleta">
<figure class="headerv1_btnruleta_img">
<img src="{{ asset(info.rouletteImage|image_path) }}" width="68" height="68" alt="{{ info.rouletteImage|split_alt }}">
</figure>
<span class="headerv1_btnruleta_text">{{ info.rouletteText ?: 'Ruleta de la suerte' }}</span>
</a>
{% endif %}