<header class="header">
<div class="header_fixed">
<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="177" height="20" alt="{{ info.seoTitle }}"/>
<img class="header_logo_color" src="{{ asset(info.headerLogoColor|image_path) }}" width="177" height="20" alt="{{ info.seoTitle }}"/>
</a>
<ul class="header_list">
<li>
<a href="{{ path('about_us') }}" class="header_link">Empresa</a>
</li>
<li>
<div href="" class="header_link headerOpenAcordion">Marcas</div>
<ul class="header_menu marcas">
{% for item in menu_brands %}
<li>
{% if item.openExternalLink and item.externalLink %}
<a href="{{ item.externalLink|external_url }}" class="header_menu_link" target="_blank">{{ item.title }} <span class="icon-external"></span></a>
{% else %}
<a href="{{ path('brand', {'slug': item.slug}) }}" class="header_menu_link">{{ item.title }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
</li>
<li>
<a href="{{ path('network') }}" class="header_link">Red a Nivel Nacional</a>
</li>
<li>
<a href="{{ path('after_sales') }}" class="header_link headerOpenAcordion">PostVenta</a>
<ul class="header_menu">
<li>
<a href="{{ path('services') }}" class="header_menu_link headerOpenSubmenu">Servicios
<span class="icon-arrow_forward_ios"></span>
</a>
<ul class="header_submenu">
<li>
<a href="{{ path('network') }}">Talleres</a>
</li>
{% for item in menu_services %}
<li>
<a href="{{ path('service', {'slug': item.slug}) }}">{{ item.title }}</a>
</li>
{% endfor %}
</ul>
</li>
<li>
<a href="{{ path('spare_parts') }}" class="header_menu_link headerOpenSubmenu">Repuestos
<span class="icon-arrow_forward_ios"></span>
</a>
<ul class="header_submenu">
<li>
<a href="{{ path('network') }}">Tiendas</a>
</li>
<li>
<a href="{{ path('spare_parts_warranty') }}">Garantía de Repuestos</a>
</li>
{% if info.showShop %}
<li>
<a target="{{ info.shopTarget|url_target }}" href="{{ info.shopLink|external_url }}">Tienda Online</a>
</li>
{% endif %}
<li>
<a href="{{ path('quotation_login') }}">Solicitud de Repuestos</a>
</li>
</ul>
</li>
<li>
<a href="{{ path('technical_assistance') }}" class="header_menu_link">Asistencia Técnica y Capacitación</a>
</li>
</ul>
</li>
{% if info.showBlog %}
<li>
<a href="{{ info.socialBlogLink|external_url }}" class="header_link" target="_blank">Noticias</a>
</li>
{% endif %}
<li>
<a href="{{ path('promotions') }}" class="header_link">Promociones</a>
</li>
<li>
<a href="{{ path('contact') }}" class="header_link">Contacto</a>
</li>
<li>
<a href="" class="header_link 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_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') }}">
</figure>
</a>
{% endif %}
{% if info.showRoulette %}
<a href="{{ path('roulette') }}" 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 %}