<header> <section class="top-nav"> <div class="container"> <div class="row justify-content-between"> <div class="col-sm-12 col-md-12 col-lg-5 col-xl-5 dealer-desc"> <span class="dealer-slogan">{{ 'header.off_dealer'|trans({}, 'dc_infiniti') }}</span> <span class="dealer-phone"><a href="tel:{{ dealer.phone }}">Тел.: {{ dealer.phone }}</a></span> </div> <div class="col-sm-12 col-md-12 col-lg-7 col-xl-8 button-order-lang"> <a href="{{ path('infiniti_service_consultation') }}" class="order-td">тест-драйв</a> <a {{ buildHref('infiniti_service_record') }} class="order-to">{{ 'header.assign_to'|trans({}, 'dc_infiniti') }}</a> {% if app.request.attributes.get('_route_params')['_locale'] is defined %} {% if app.request.getLocale() == 'ru' %} {% for locale in allowed_locales %} {% if locale != app.request.getLocale() %} <a class="lang active" href="{{ absolute_url( path( app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': locale}) ) ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})" >{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a> {% else %} <a class="lang" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a> {% endif %} {% endfor %} {% endif %} {% endif %} <div class="site_btn-enter {{ app.request.getLocale() == 'ru' ? '' : 'border-left-none' }}" id="enterBtn"> {% if app.user %} <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="header_icon-title">{{ app.user.name }}</span> </a> {% else %} <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }}</span> </a> {% endif %} </div> </div> {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('infiniti_basket') } %} </div> </div> </section> <section class="logo"> <div class="container"> <a {{ buildHref('infiniti_homepage') }}> <img src="{{ asset('bundles/dcsite/img/infiniti/logo.png') }}" alt="{{ dealer }} logo"> </a> </div> </section> <section class="menu"> <div class="container"> <div class="row"> <div id="navbar-collapse-header" class="container"> <nav class="row navbar-expand-lg navbar navbar-light"> <button class="c-hamburger c-hamburger--htx navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span></span> </button> {% if app.request.getLocale() == 'ru' %} <div class="lang-mobile"> {% for locale in allowed_locales %} {% if locale != app.request.getLocale() %} <a class="lang active" href="{{ absolute_url( path( app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': locale}) ) ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})" >{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a> {% else %} <a class="lang" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a> {% endif %} {% endfor %} </div> {% endif %} <div class="collapse navbar-collapse navigation" id="navbarNav"> <ul class="navbar-nav nav-fill w-100" id="menu-main-menu"> <li class="nav-item site_btn-nav-item mobile-user-basket"> <div class="site_btn-enter site_btn-enter-mobile" id="enterBtn"> {% if app.user %} <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="header_icon-title">{{ app.user.name }}</span> </a> {% else %} <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }} {{ 'header.login_in_cab'|trans({}, 'portal_base') }}</span> </a> {% endif %} </div> <div class="header__basket header__basket-mobile d-lg-flex ml-4" id="basketMenu"> <a class="basket__btn d-flex align-items-center" href="{{ href ?? '' }}" role="button"> <span class="quantity quantity-mobile"> <span>{{ basketCount ?? 0 }}</span> </span> <span class="header__basket-title">{{ 'basket.title'|trans({}, 'dc_base') }}</span> </a> </div> </li> <li class="nav-item dropdown"> <a id="carSub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ 'main.model_line'|trans({}, 'dc_infiniti') }} <i class="fas fa-angle-down"></i> </a> <ul class="dropdown-menu sub-menu second dropdown-menu-open" aria-labelledby="carSub"> <div class="container" id="auto-dropdown"> <div class="row"> <div class="col-md-12 col-lg-12 car-nav"> <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" @click="dropdown" id="pills-all-car" data-toggle="tab" href="#pills-all" role="tab" aria-controls="pills-all" aria-selected="true"> {{ 'header.menu.all_models'|trans({}, 'dc_infiniti') }} </a> </li> <li class="nav-item" v-for="cat in categories"> <a class="nav-link" @click="dropdown" :id="'pills-car-' + cat.id" data-toggle="tab" :href="'#pills-' + cat.id" role="tab" :aria-controls="'pills-' + cat.id" aria-selected="false"> {% verbatim %} {{ cat.title }} {% endverbatim %} {#{{ 'header.menu.hybrids'|trans({}, 'dc_infiniti') }}#} </a> </li> </ul> </div> <div class="tab-content tabs_content" id="pills-tabContent"> <div class="tab-pane fade show active" id="pills-all" role="tabpanel" aria-labelledby="pills-all-car"> <ul class="car-list d-flex"> <li class="dropdown-item" v-for="car in cars"> <a :href="car.link"> <div class="cars-prewiew-menu"> <picture :alt="car.name"> <source :srcset="car.preview_webp" type="image/webp"> <source :srcset="car.preview"> <img :src="car.preview" :alt="car.name"> </picture> <span class="car_status_is_new car_card_status_is_new-pos" v-if="car.isPreOrder">{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}</span> <span class="car_status_is_new car_card_status_is_new-pos" v-else-if="car.isNew">{{ 'pages.car.status_is_new'|trans({},'dc_base') }}</span> </div> <div class="caption"> <div class="menu-model-name">{% verbatim %}Infiniti {{ car.name }}{% endverbatim %}</div> <div class="price">від<b> {% verbatim %}{{ car.price }}{% endverbatim %} грн</b></div> </div> </a> </li> {#<li class="dropdown-divider"></li>#} </ul> <div class="col-12 col-12 btn-field"> <a class="btn" href="{{ path('infiniti_model_car') }}"> {{ 'header.menu.show_catalog'|trans({}, 'dc_infiniti') }} </a> </div> </div> <div v-for="cat in categories" class="tab-pane fade" :id="'pills-' + cat.id" role="tabpanel" :aria-labelledby="'pills-car-' + cat.id"> <ul class="car-list d-flex"> <li class="dropdown-item" v-for="car in cars" v-if="car.categoryId == cat.id"> <a :href="car.link"> <div class="cars-prewiew-menu"> <img :src="car.preview" class="menu-image menu-image-title-after" :alt="car.url"> </div> <div class="caption"> <div class="menu-model-name">{% verbatim %}Infiniti {{ car.name }}{% endverbatim %}</div> <div class="price">{{ 'main.from'|trans({}, 'dc_infiniti') }}<b> {% verbatim %}{{ car.price }}{% endverbatim %} грн</b></div> </div> </a> </li> {#<li class="dropdown-divider"></li>#} </ul> <div class="col-12 col-12 btn-field"> <a class="btn" href="{{ path('infiniti_model_car') }}"> {{ 'header.menu.show_catalog'|trans({}, 'dc_infiniti') }} </a> </div> </div> </div> </div> </div> </ul> </li> <li class="dropdown-divider"></li> <li class="nav-item"> <a {{ buildHref('infiniti_car_stock') }} class="nav-link"> {{ 'header.car_in_sale'|trans({}, 'dc_infiniti') }} </a> </li> <li class="dropdown-divider"></li> <li class="nav-item dropdown"> <a id="usedSub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ 'pages.header.menu.used_cars'|trans({}, 'dc_mazda') }} <i class="fas fa-angle-down"></i> </a> <ul class="dropdown-menu sub-menu second dropdown-menu-program dropdown-menu-open" aria-labelledby="usedSub"> <li><a {{ buildHref('infiniti_used_car_catalog') }}>{{ 'pages.header.menu.used_cars_in_stock'|trans({}, 'dc_mazda') }}</a></li> <li><a {{ buildHref('infiniti_finance_select_page') }}>{{ 'pages.header.menu.used_cars_vidi_select'|trans({}, 'dc_mazda') }}</a></li> <li><a {{ buildHref('infiniti_finance_trade-in') }}>{{ 'pages.header.menu.used_cars_trade_in'|trans({}, 'dc_mazda') }}</a></li> </ul> </li> <li class="dropdown-divider"></li> <li class="nav-item"> <a {{ buildHref('infiniti_special_offers') }} class="nav-link"> {{ 'main.spec_offers'|trans({}, 'dc_infiniti') }} </a> </li> <li class="dropdown-divider"></li> <li class="nav-item dropdown"> <a id="progSub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ 'header.menu.services'|trans({}, 'dc_infiniti') }} <i class="fas fa-angle-down"></i> </a> <ul class="dropdown-menu sub-menu second dropdown-menu-program dropdown-menu-open" aria-labelledby="progSub"> <li><a {{ buildHref('infiniti_service_consultation') }}>Тест-драйв</a></li> <li><a {{ buildHref('infiniti_finance_credit') }}>Кредит</a></li> <li><a {{ buildHref('infiniti_finance_leasing') }}>{{ 'header.menu.lising'|trans({}, 'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_finance_insurance') }}>{{ 'header.menu.insurance'|trans({}, 'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_finance_trade-in') }}>Trade-in</a></li>{# <li ><a {{ buildHref('infiniti_finance_airport') }}><span>{{ 'pages.base.airport'|trans({},'dc_base') }}</span></a>#} {# Корпоративна програма#}{# <li ><a {{ buildHref('infiniti_finance_corporate_program') }}><span>{{ 'main.corporate_program'|trans({}, 'dc_infiniti') }}</span></a>#} <li ><a {{ buildHref('infiniti_for_bussines') }}><span>Infiniti {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</span></a> </ul> </li> <li class="dropdown-divider"></li> <li class="nav-item dropdown"> <a id="serviseSub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ 'header.menu.main_service'|trans({}, 'dc_infiniti') }} <i class="fas fa-angle-down"></i> </a> <ul class="dropdown-menu sub-menu second dropdown-menu-service dropdown-menu-open" aria-labelledby="serviseSub"> <li><a {{ buildHref('infiniti_service_record') }}>{{ 'header.menu.service'|trans({}, 'dc_infiniti') }}</a></li> <li><a href="{{ path('infiniti_service_accessory_catalog') }}" >{{ 'configurator.tabs.acc'|trans({}, 'dc_base') }}</a></li> <li><a {{ buildHref('infiniti_service_regulations_to') }}>Регламент ТО</a></li> <li><a {{ buildHref('infiniti_service_body') }}>{{ 'service.body_repair.title'|trans({}, 'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_service_warranty') }}>{{ 'header.menu.service_and_warranty'|trans({}, 'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_support') }}>{{ 'header.menu.support'|trans({}, 'dc_infiniti') }}</a></li> {#<li><a {{ buildHref('infiniti_calculation_valuation') }}>Регламент ТО</a></li>#} <li><a {{ buildHref('infiniti_service_tires_hotel') }}>{{ 'base.seo.tires_hotel_title'|trans({},'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_extended_warranty') }}>{{ 'main.extendet_warrenty'|trans({}, 'dc_infiniti') }}</a></li> </ul> </li> <li class="dropdown-divider"></li> <li class="nav-item dropdown"> <a id="companySub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ 'main.about_company'|trans({}, 'dc_infiniti') }} <i class="fas fa-angle-down"></i> </a> <ul class="dropdown-menu sub-menu second dropdown-menu-service dropdown-menu-open" aria-labelledby="companySub"> <li><a {{ buildHref('infiniti_about_us') }}>{{ 'header.menu.about'|trans({}, 'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_quality_policy') }}>{{ 'header.menu.policies'|trans({}, 'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_staff') }}>{{ 'header.menu.staff'|trans({}, 'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_news') }}>{{ 'header.menu.news'|trans({}, 'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_vacancy') }}>{{ 'header.menu.vacancies'|trans({}, 'dc_infiniti') }}</a></li> <li><a {{ buildHref('infiniti_contacts') }}>{{ 'main.contacts'|trans({}, 'dc_infiniti') }}</a></li> </ul> </li> {#<li class="dropdown-divider"></li>#} {#<li class="nav-item"> <a href="{{ path('infiniti_contacts') }}" class="nav-link">#} {#{{ 'main.contacts'|trans({}, 'dc_infiniti') }}#} {#</a>#} {#</li>#} <li class="dropdown-divider"></li> </ul> <div class="heade-mobile-info-block"> <span>{{ 'header.off_dealer'|trans({}, 'dc_infiniti') }}</span> <a class="phone" href="tel:{{ dealer.phone }}">Тел.: {{ dealer.phone }}</a> <a href="{{ path('infiniti_service_consultation') }}" class="order-td">тест-драйв</a> <a {{ buildHref('infiniti_service_record') }} class="order-to">{{ 'header.assign_to'|trans({}, 'dc_infiniti') }}</a> </div> </div> </nav> </div> </div> </div> </section></header>