<header>
<div class="header__top d-none d-md-block">
<div class="container">
<div class="header__top__content">
<div class="header__top__title">{{ dealer.nameByLocale(app.request.locale) }}</div>
<div class="header__top__contacts">
<div class="header__top__address"><a class="header__map__link" href="https://maps.google.com/maps?q={{ dealer.lat }},{{ dealer.lng }}&hl={{ app.request.locale }}" target="_blank"><span class="lnr lnr-map-marker"></span>{{ dealer.addressByLocale(app.request.locale) }}</a></div>
<div class="header__top__phone">
<a class="dropdown-item" href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a>
{# <div class="dropdow header__phones">
<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<span class="lnr lnr-phone-handset"></span> {{ dealer.phone }}
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a></li>
<li><a class="dropdown-item" href="tel:{{ dealer.phoneService }}">{{ dealer.phoneService }}</a></li>
</ul>
</div> #}
</div>
</div>
</div>
</div>
</div>
<!-- navbar start -->
<nav class="navbar navbar-expand-xl navbar-vidi">
<div class="container navbar__content">
<div class="navbar__logo-langs__content">
<!-- navbar logo -->
<a class="navbar-brand logo" href="{{ path('unicommerce_homepage') }}">
{% if app.request.getLocale == 'ua' %}
<img class="d-none d-md-block" src="{{ asset('/bundles/dcsite/img/unicommerce/logo.svg') }}"
alt="vidi logo" width="128" height="111">
{% else %}
<img class="d-none d-md-block"
src="{{ asset('/bundles/dcsite/img/unicommerce/logo_english.svg') }}" alt="vidi logo"
width="128" height="111">
{% endif %}
<span>
{% if app.request.getLocale == 'ua' %}
<img src="{{ asset('/bundles/dcsite/img/unicommerce/logo.svg') }}"
alt="vidi logo mobile" width="58" height="51">
{% else %}
<img src="{{ asset('/bundles/dcsite/img/unicommerce/logo_english.svg') }}"
alt="vidi logo mobile" width="58" height="51">
{% endif %}
<div class="navbar__logo__title">{{ dealer.nameByLocale(app.request.locale) }}</div>
</span>
</a>
<!-- navbar langs -->
{% if app.request.getLocale() == 'ru' %}
<div class="dropdow navbar__langs d-none d-xl-block">
{% for locale in allowed_locales %}
{% if locale == app.request.getLocale() %}
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">{{ app.request.getLocale() }}</button>
{% endif %}
{% endfor %}
<ul class="dropdown-menu">
{% for locale in allowed_locales %}
{% if locale != app.request.getLocale() %}
<li><a class="dropdown-item" href="{{ absolute_url(
path(
app.request.attributes.get('_route'),
app.request.attributes.get('_route_params')|merge({'_locale': locale})
)
) }}">{{ locale }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
</div>
<div class="navbar__menu-login__content">
<!-- navbar menu -->
<div class="offcanvas offcanvas-start" tabindex="-1" id="navbarNav" aria-labelledby="navbarNavLabel">
<div class="offcanvas-header">
<p class="offcanvas-title" id="offcanvasNavbarLabel">{{ 'global.menu'|trans({}, 'dc_unicommerce') }}</p>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="{{ path('unicommerce_about') }}">{{ 'global.about'|trans({}, 'dc_unicommerce') }}</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">{{ 'global.auto'|trans({}, 'dc_unicommerce') }}</a>
<ul class="dropdown-menu">
{% for category in vehicleCategories %}
{% if category.url != "commercial-goods-vans"%}
<li>
<a class="dropdown-item" href="{{ path('unicommerce_car_catalog',{ category : category.url }) }}">{{ category.title(app.request.locale) }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">{{ 'global.services'|trans({}, 'dc_unicommerce') }}</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item dropdown-item--large close-menu d-xl-none"><span class="lnr lnr-arrow-left"></span>{{ 'global.services'|trans({}, 'dc_unicommerce') }}</a></li>
<li><a class="dropdown-item" href="{{ path('unicommerce_finance_leasing') }}">{{ 'global.leasing'|trans({}, 'dc_unicommerce') }}</a></li>
<li><a class="dropdown-item" href="{{ path('unicommerce_finance_insurance') }}">{{ 'global.insurance'|trans({}, 'dc_unicommerce') }}</a></li>
{# <li><a class="dropdown-item" href="{{ path('unicommerce_finance_service_contracts') }}">{{ 'global.service_contracts'|trans({}, 'dc_unicommerce') }}</a></li> #}
<li><a class="dropdown-item" href="{{ path('unicommerce_finance_service_buy_back') }}">{{ 'global.service_buy_back'|trans({}, 'dc_unicommerce') }}</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('unicommerce_about_projects') }}">{{ 'global.our_projects'|trans({}, 'dc_unicommerce') }}</a>
</li>
{# <li class="nav-item">#}
{# <a class="nav-link" href="#">Новини</a>#}
{# </li>#}
<li class="nav-item">
<a class="nav-link" href="{{ path('unicommerce_about_contact') }}">{{ 'global.contacts'|trans({}, 'dc_unicommerce') }}</a>
</li>
</ul>
<div class="navbar__mobile__bottom d-block d-xl-none">
<div class="navbar__mobile__bottom__content">
{% if app.request.getLocale() == 'ru' %}
<ul class="mobile__langs">
{% for locale in allowed_locales %}
{% if locale == app.request.getLocale() %}
<li class="mobile__lang-item"><a class="mobile__lang-link active"
href="#">{{ locale }}</a></li>
{% else %}
<li class="mobile__lang-item"><a class="mobile__lang-link"
href="{{ absolute_url(
path(
app.request.attributes.get('_route'),
app.request.attributes.get('_route_params')|merge({'_locale': locale})
)
) }}">{{ locale }}</a></li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
<ul class="mobile__phones">
<li class="mobile__phone-item"><a class="mobile__phone-link" href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a></li>
<li class="mobile__phone-item"><a class="mobile__phone-link" href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a></li>
</ul>
<div class="mobile__address"><span class="lnr lnr-map-marker"></span>{{ dealer.addressByLocale(app.request.locale) }}</div>
</div>
</div>
</div>
</div>
<!-- navbar login -->
<div class="navbar__login">
<span class="lnr lnr-user"></span>
{% if app.user %}
<a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
<span class="info__box-item disable-table">{{ app.user.name }}</span>
</a>
{% else %}
<a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
<span>{{ 'header.login'|trans({}, 'portal_base') }}</span>
</a>
{% endif %}
</div>
<!-- navbar phones -->
<div class="dropdow navbar__phones d-block d-md-none">
<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<span class="lnr lnr-phone-handset"></span>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a></li>
<li><a class="dropdown-item" href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a></li>
</ul>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Перемикач навігації">
<img src="{{ asset('/bundles/dcsite/img/unicommerce/icons/burger.svg') }}" alt="menu icon bar"/>
</button>
</div>
</div>
</nav>
<!-- navbar end -->
</header>