<header class="header">
<div class="wancho header-ctn">
<div class="header__left">
<a href="{{ path('home') }}" class="header-logo">
<img class="mainLogo" src="{{ asset(info.logo1Header|image_path) }}" />
<img src="{{ asset(info.logo1HeaderMobile|image_path) }}" alt="faw" class="mobLogo" />
</a>
<img class="bartolome" src="{{ asset(info.logo2Header|image_path) }}" alt="{{ info.logo2Header|image_alt }}" />
</div>
<div class="header__right">
<nav class="menu">
<ul class="menu-list">
<li class="menu-item hasMenu">
<a href="{{ path('trucks') }}" class="menu-link {{ menu_active == 'trucks' ? 'active':'' }}">Camiones</a>
<div class="submenu submenu--camiones">
<ul>
{% for item in categories_menu %}
<li>
<a href="{{ path('trucks_cat', {'slug': item.slug} ) }}">
<img src="{{ asset(item.logoColor|image_path) }}" alt="{{item.logoColor|image_alt}}" />
{{ item.title }}
</a>
</li>
{% endfor %}
</ul>
</div>
</li>
<li class="menu-item hasMenu">
<a href="{{ path('services') }}" class="menu-link {{ menu_active == 'services' ? 'active':'' }}">Servicios</a>
<div class="submenu submenu--servicios">
<ul>
{% for item in services_menu %}
<li>
{% if item.serviceType == 'link'%}
{% set linkservice = item.serviceLink %}
{% elseif item.serviceType == 'wsp' %}
{% set linkservice = 'https://api.whatsapp.com/send?phone='~ item.serviceWspNum ~'&text=' ~ item.serviceWspMessage %}
{% else %}
{% set linkservice = path('service', {'slug' : item.slug }) %}
{% endif %}
<a href="{{ linkservice }}" target="{{ item.serviceTypeTarget ? '_blank' : '_self' }}">
<div class="submenu__img">
<img class="brown" src="{{ asset(item.logoHome|image_path) }}" alt="{{item.title}}" />
<img class="blue" src="{{ asset(item.logoHomeColor|image_path) }}" alt="{{item.title}}" />
</div>
<span>{{ item.title }}</span>
</a>
</li>
{% endfor %}
</ul>
</div>
</li>
<li class="menu-item">
<a href="{{ path('parts') }}" class="menu-link {{ menu_active == 'parts' ? 'active':'' }}">Repuestos</a>
</li>
<li class="menu-item">
<a href="{{ path('promos') }}" class="menu-link {{ menu_active == 'promos' ? 'active':'' }}">Promociones</a>
</li>
<li class="menu-item">
<a href="{{ path('stores') }}" class="menu-link {{ menu_active == 'stores' ? 'active':'' }}">Locales</a>
</li>
{% if info.headerBtnShow %}
<li class="menu-item mobile">
<a href="{{ path('quote') }}" class="cotizar-button">{{ info.headerBtnText }}</a>
</li>
{% endif %}
</ul>
</nav>
<div class="menu-mobile-open icon-menu1"></div>
</div>
</div>
</header>