<header id="header" class="header" role="banner">
{% include 'frontend/header_change_country.html.twig' %}
{% set country_switcher %}
{% include 'frontend/countries.html.twig' %}
{% endset %}
<div class="header-container-top header-menu-mobile clearfix" data-size="big">
<div class="left{% if is_current_website('ecat') %}-ecat{% endif %}">
{% if is_current_website('showvroom') %}
<a href="{{ path('homepage') }}"><img src="{{ asset('bundles/vpauto/frontend/images/showvroom/logo-showvroom.png') }}" alt="Achat/Vente de voitures d'occasion aux enchères" class="logo-vpauto" /></a>
{% elseif is_current_website('ecat') %}
<a href="{{ path('homepage_pro') }}"><img src="{{ asset('bundles/vpauto/frontend/images/ecat/logo-ecat.png') }}" alt="Achat/Vente de voitures d'occasion aux enchères" class="logo-vpauto" /></a>
{% else %}
<a href="{{ path('homepage_pro') }}"><img src="{{ asset('bundles/vpauto/frontend/images/pro/logo-vpauto-pro.png') }}" alt="Achat/Vente de voitures d'occasion aux enchères" class="logo-vpauto" /></a>
{% endif %}
</div>
<nav class="left navigation nav m-hide" role="navigation">
<ul class="clearfix">
<li>
<a href="javascript:void(0)" class="bt-menu tab-l-hide tab-p-hide m-hide">
<span class="lignes">
<span class="ligne1"></span>
<span class="ligne2"></span>
<span class="ligne3"></span>
</span>
<span>{{ 'frontend.navigation.menu'|trans }}</span>
</a>
<a href="#" class="tab-bt-menu grid-hide tab-l-visible tab-p-visible m-hide">
<span class="lignes">
<span class="ligne1"></span>
<span class="ligne2"></span>
<span class="ligne3"></span>
</span>
<span>{{ 'frontend.navigation.menu'|trans }}</span>
</a>
</li>
{% if not is_current_website('ecat') and not is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_PORTUGAL')) %}
<li class="grid-xl-visible grid-l-visible grid-hide"><a href="{{ path('frontend_sale_auto_pro') }}">{{ 'frontend.header.link.sell'|trans }}</a></li>
{% endif %}
{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
<li class="grid-xl-visible grid-l-visible grid-hide">
<a href="{{ path('frontend_wiki_list_fr_pro', {'limit': 10}) }}" title="">
{{ 'frontend.france.blog.link01'|trans }}
</a>
</li>
{% endif %}
{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_PORTUGAL')) %}
<li class="grid-xl-visible grid-l-visible grid-hide">
<a href="{{ path('frontend_wiki_list_pt') }}">
{{ 'frontend.portugal.blog.title'|trans }}
</a>
</li>
{% endif %}
</ul>
</nav>
<div class="pro menuhaut d-menuhaut right prelative tab-p-hide m-hide">
<ul class="left">
{% if app.user is not null and is_granted('IS_AUTHENTICATED_REMEMBERED') %}
<li class="grid-xl-visible grid-l-visible grid-hide"><a href="{{ path('frontend_auction_list') }}" title="" class="connecte"><span class="block txtcenter"><i class="icon-selection"></i></span> {{ 'frontend.header.pro.link.auctions.selections'|trans }}</a></li>
<li>
<a href="{{ path('frontend_auction_list') }}" title="" class="connecte">
<span class="block txtcenter">
<span class="prelative inbl">
<i class="icon-ordres-achat"></i>
{% if app.user.countLiveBids > 0 %}
<span class="caddy-notification">{{ app.user.countLiveBids }}</span>
{% endif %}
</span>
</span>
{{ 'frontend.header.pro.link.auctions'|trans }}</a>
</li>
<li class="grid-xl-visible grid-l-visible grid-hide"><a href="{{ path('frontend_user_purchase') }}" title="" class="connecte"><span class="block txtcenter"><i class="icon-commande"></i></span> {{ 'frontend.header.pro.link.auction_list'|trans }}</a></li>
<li class="connexion"><a href="{{ path('fos_user_profile_edit') }}" title="" class="mon-compte connecte"><span class="block txtcenter"><i class="icon-sidentifier"></i></span> {{ 'frontend.header.pro.link.account'|trans }}</a></li>
{% if is_granted('ROLE_PREVIOUS_ADMIN') %}
<li class="inscription"><a href="{{ path('backend_user_view', {'id': app.user.id, '_switch_user': '_exit'})}}" title="" class="connecte"><span class="block txtcenter"><i class="icon-sinscrire01"></i></span> {{ 'frontend.switch.user.exit'|trans }}</a></li>
{% else %}
<li class="connexion"><a href="{{ path('fos_user_security_logout', {'target': path('homepage_pro', { _locale: default_locale }) }) }}" title="" class="deconnexion connecte"><span class="block txtcenter"><i class="icon-deconnecter"></i></span> {{ 'frontend.header.pro.link.log_out'|trans }}</a></li>
{% endif %}
{% else %}
<li class="connexion"><a href="{{ getADUrl() }}" title="" class="lien09 connexion">{{ 'frontend.header.pro.link.sign_in'|trans }}</a></li>
<li><a href="{{ getADUrl() }}" class="lien12 inscription">{{ 'frontend.header.pro.link.register'|trans }}</a></li>
{% endif %}
{% if not(is_current_website('ecat')) %}
{% include '/Frontend/pro/_help_manual.html.twig' with { 'hideTablet' : 'tab-l-hide tab-p-hide'} %}
<li class="tel {% if app.user is not null %}connecte tab-l-hide{% endif %}">
<span class="txtcenter"><i class="icon-menu-tel {% if is_current_website('showvroom') %}showvroom{% endif %}"></i></span>
<span class="{% if is_current_website('showvroom') %}color08{% endif %}">{% include '/Frontend/pro/_tel_contact.html.twig' %}</span>
</li>
<li class="btn-particulier"><a href="{{ path('homepage', {'_locale': default_locale}) }}" title="">vpauto.{{ default_locale }}</a></li>
{% endif %}
{% if not (is_current_website('showvroom')) %}
<li class="langue cursor">
<span class="d-txt-langue">
<i class="icon-flag-{{ current_country }}"></i>
<span class="fleche">
<span class="ligne1"></span>
<span class="ligne2"></span>
</span>
</span>
{{ country_switcher }}
</li>
{% endif %}
</ul>
</div>
<div class="pro menuhaut d-menuhaut right prelative grid-hide tab-l-hide tab-p-visible m-hide">
<ul class="left">
{% if app.user is not null and is_granted('IS_AUTHENTICATED_REMEMBERED') %}
<li>
<span class="block txtcenter">
<span class="prelative inbl">
<i class="icon-ordres-achat"></i>
{% if app.user.countLiveBids > 0 %}
<span class="caddy-notification">{{ app.user.countLiveBids }}</span>
{% endif %}
</span>
</span>
<a href="{{ path('frontend_auction_list') }}" title="">{{ 'frontend.header.pro.link.auctions'|trans }}</a>
</li>
{% endif %}
</ul>
</div>
<div class="menuhaut-mobile right grid-hide tab-l-hide tab-p-hide m-visible">
<a href="tel:{% include '/Frontend/pro/_tel_contact.html.twig' with {'telMobile': true } %}" title="" class="prelative marginR20">
<i class="icon-menu-tel"></i>
</a>
<a href="#" class="m-bt-menu">
<span class="lignes">
<span class="ligne1"></span>
<span class="ligne2"></span>
<span class="ligne3"></span>
</span>
<span>{{ 'frontend.navigation.menu'|trans }}</span>
</a>
</div>
</div>
</header>
{% include 'frontend/main_menu.html.twig' with {
'type': 'pro',
country_switcher: country_switcher
} %}