src/DcSiteBundle/Resources/views/LandRover/header.html.twig line 1

Open in your IDE?
  1. <header class="header">
  2.     <div class="header-top bg-grey">
  3.         <div class="container">
  4.             <div class="row">
  5.                 <div class="col-sm-6 col-md-6 col-lg-7 col-xl-8">
  6.                     <span class="header-dep">{{ 'main.sell_and_service'|trans({}, 'dc_landrover') }}
  7.                         <a href="tel:{{ dealer.phone }}" class="header-dep-tel">
  8.                             <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  9.                                 <path d="M13.9933 11.0415C14.023 11.2688 13.9537 11.4664 13.7858 11.6343L11.8147 13.5906C11.7257 13.6894 11.6097 13.7735 11.4664 13.8426C11.3231 13.9118 11.1824 13.9562 11.0441 13.976C11.0342 13.976 11.0045 13.9785 10.9551 13.9834C10.9057 13.9884 10.8415 13.9909 10.7625 13.9909C10.5747 13.9909 10.2708 13.9588 9.85091 13.8945C9.43098 13.8303 8.91722 13.6722 8.30961 13.4203C7.70186 13.1683 7.01272 12.7903 6.24206 12.2865C5.4714 11.7826 4.65129 11.0909 3.7818 10.2115C3.09017 9.52979 2.51709 8.87767 2.06259 8.25522C1.60808 7.63272 1.2425 7.05718 0.965848 6.52857C0.689168 5.99996 0.481677 5.52076 0.343349 5.09095C0.205021 4.66115 0.111156 4.29063 0.0617534 3.97939C0.0123507 3.66815 -0.00741041 3.42361 0.00247014 3.24576C0.0123507 3.06791 0.017291 2.9691 0.017291 2.94934C0.0370521 2.81102 0.0815145 2.67022 0.150678 2.52695C0.219842 2.38368 0.303827 2.26759 0.402632 2.17866L2.3738 0.207491C2.51213 0.0691638 2.67022 0 2.84807 0C2.97652 0 3.09014 0.037052 3.18895 0.111156C3.28775 0.18526 3.37174 0.276655 3.4409 0.385341L5.02673 3.39397C5.11565 3.55206 5.14036 3.72497 5.10083 3.9127C5.06131 4.10043 4.97733 4.25852 4.84888 4.38696L4.12266 5.11318C4.1029 5.13294 4.08561 5.16506 4.07079 5.20952C4.05596 5.25398 4.04855 5.29103 4.04855 5.32067C4.08808 5.52817 4.177 5.7653 4.31533 6.03207C4.4339 6.26921 4.61669 6.55821 4.8637 6.89909C5.11071 7.23997 5.46147 7.6327 5.91598 8.07732C6.3606 8.53188 6.75582 8.88506 7.10164 9.13706C7.44739 9.38892 7.73649 9.57425 7.96869 9.69282C8.20088 9.81138 8.37873 9.88302 8.50221 9.90765L8.68742 9.94472C8.70718 9.94472 8.73937 9.93729 8.78378 9.92249C8.82825 9.90765 8.86036 9.89038 8.88014 9.87059L9.72491 9.01099C9.90285 8.85292 10.1102 8.77388 10.3474 8.77388C10.5154 8.77388 10.6487 8.8035 10.7475 8.8628H10.7623L13.6227 10.5524C13.8303 10.6809 13.9538 10.8439 13.9933 11.0415Z" fill="#0C121C"/>
  10.                             </svg>
  11.                             {{ dealer.phone }}
  12.                         </a>
  13.                     </span>
  14.                     <div class="header-currency d-inline-block">
  15.                         <span class="currence-date">{{ 'now'|date('d.m.Y') }}</span>
  16.                         <a href="https://winner.ua/currency-archive" class="btn-head-info" target="_blank"></a>
  17.                         <span class="currence-course">EUR / UAH = <span id="dealerRate"></span></span>
  18.                     </div>
  19.                 </div>
  20.                 <div class="col-sm-6 col-md-6 col-lg-5 col-xl-4 flexbox-wrapper justify-content-end">
  21.                     <a class="link-btn before-arrow mb-0" href="https://jaguar-vidi.com/">{{ 'main.jaguar_link'|trans({}, 'dc_landrover') }}</a>
  22.                     {% if app.request.attributes.get('_route_params')['_locale'] is defined and app.request.attributes.get('_route_params')['_locale'] != 'ua' %}
  23.                         <ul class="header-lang">
  24.                             {% if app.request.attributes.get('_route_params')['_locale'] is defined %}
  25.                                 {% for locale in allowed_locales %}
  26.                                     {% if locale != app.request.getLocale() %}
  27.                                         <li class="active">
  28.                                             <a class="lang active" href="{{
  29.                                             absolute_url(
  30.                                                 path(
  31.                                                     app.request.attributes.get('_route'),
  32.                                                     app.request.attributes.get('_route_params')|merge({'_locale': locale})
  33.                                                 )
  34.                                             ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})" >{{ ('site.locale.'~locale)|trans({},'dc_lexus') }}</a>
  35.                                         </li>
  36.                                     {% else %}
  37.                                         <li class="">
  38.                                             <a class="lang" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_lexus') }}</a>
  39.                                         </li>
  40.                                     {% endif %}
  41.                                 {% endfor %}
  42.                             {% endif %}
  43.                         </ul>
  44.                     {% endif %}
  46.                     <div class="site_btn-enter" id="enterBtn">
  47.                         {% if app.user %}
  48.                             <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  49.                                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  50.                                     <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="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  51.                                     <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="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  52.                                 </svg>
  53.                                 <span class="header_icon-title">{{ app.user.name }}</span>
  54.                             </a>
  55.                         {% else %}
  56.                             <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  57.                                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  58.                                     <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="#898D90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  59.                                     <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="#898D90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  60.                                 </svg>
  61.                                 <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }}</span>
  62.                             </a>
  63.                         {% endif %}
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </div>
  68.     </div>
  69.     <div class="header-bottom">
  70.         <div class="header-bottom-boxshadow"></div>
  71.         <div class="container">
  72.             <div class="align-items-center header-bottom-row justify-content-between row">
  73.                 <a href="{{ path('landrover_homepage') }}" class="logo">
  74.                     <img class="logo-img" src="{{ asset('bundles/dcsite/img/landrover/logo.svg') }}" alt="{{ dealer }} logo">
  75.                 </a>
  76.                 <div id="mainNav" class="col-9 collapse basket-row navbar-mob p-0" style="position: inherit;">
  77.                     <div class="align-items-baseline justify-content-between mobile-header-head">
  78.                         <div class="header-currency d-inline-block">
  79.                             <span class="currence-date">{{ 'now'|date('d.m.Y') }}</span>
  80.                             <a href="https://winner.ua/currency-archive" class="btn-head-info" target="_blank"></a>
  81.                             <span class="currence-course">EUR / UAH = <span id="dealerRates"></span></span>
  82.                         </div>
  83.                         {% if app.request.attributes.get('_route_params')['_locale'] is defined and app.request.attributes.get('_route_params')['_locale'] != 'ua'  %}
  84.                             <ul class="header-lang ml-0">
  85.                                 {% if app.request.attributes.get('_route_params')['_locale'] is defined %}
  86.                                     {% for locale in allowed_locales %}
  87.                                         {% if locale != app.request.getLocale() %}
  88.                                             <li class="active">
  89.                                                 <a class="lang active" href="{{
  90.                                                 absolute_url(
  91.                                                     path(
  92.                                                         app.request.attributes.get('_route'),
  93.                                                         app.request.attributes.get('_route_params')|merge({'_locale': locale})
  94.                                                     )
  95.                                                 ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})" >{{ ('site.locale.'~locale)|trans({},'dc_lexus') }}</a>
  96.                                             </li>
  97.                                         {% else %}
  98.                                             <li class="">
  99.                                                 <a class="lang" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_lexus') }}</a>
  100.                                             </li>
  101.                                         {% endif %}
  102.                                     {% endfor %}
  103.                                 {% endif %}
  104.                             </ul>
  105.                         {% endif %}
  106.                     </div>
  107.                     <ul class="nav nav-pills nav-fill" id="landrover-menu">
  109.                         <li class="nav-item site_btn-nav-item">
  110.                             <div class="site_btn-enter" id="enterBtn">
  111.                                 {% if app.user %}
  112.                                     <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  113.                                         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  114.                                             <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="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  115.                                             <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="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  116.                                         </svg>
  117.                                         <span class="header_icon-title">{{ app.user.name }}</span>
  118.                                     </a>
  119.                                 {% else %}
  120.                                     <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  121.                                         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  122.                                             <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"/>
  123.                                             <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"/>
  124.                                         </svg>
  125.                                         <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }} {{ 'header.login_in_cab'|trans({}, 'portal_base') }}</span>
  126.                                     </a>
  127.                                 {% endif %}
  128.                             </div>
  129.                         </li>
  131.                         <li class="nav-item dropdown">
  132.                             <a href="#" id="lineUpNav" data-target="#lineUpPane" class="nav-link main-nav-link menu-drop-arrow" role="button">{{ 'main.models'|trans({}, 'dc_landrover') }}</a>
  133.                             <div id="lineUpPane" class="col-12 dropdown-menu car-model-dropdown-menu dropdown-menu-open">
  134.                                 <div class="container" id="lrMenu">
  135.                                     <div class="row">
  136.                                         <div class="col-md-4 pr-0">
  137.                                             <div class="nav nav-tabs" id="nav-tab" role="tablist">
  138.                                                 <div class="nav-item nav-link" v-for="car in data" :id="'nav-car-tab-' + car.id" data-toggle="tab" :href="'#nav-car-' + car.id" role="tab" :aria-controls="'nav-car-' + car.id" aria-selected="false" aria-expanded="true">
  139.                                                     <a :href="car.link" @click="goto(car.link)" class="mobiile-link-car"></a>
  140.                                                     <div class="menu-car-img">
  141.                                                         <picture :alt="car.name">
  142.                                                             <source :srcset="car.preview_webp" type="image/webp">
  143.                                                             <source :srcset="car.preview">
  144.                                                             <img :src="car.preview" :alt="car.name">
  145.                                                         </picture>
  146.                                                     </div>
  147.                                                     <div class="menu-car-desc">
  148.                                                         <span class="menu-car-name">{% verbatim %}{{ car.name }}{% endverbatim %}</span>
  149.                                                         <span class="menu-car-price">{{ 'main.from'|trans({}, 'dc_landrover') }} {% verbatim %}{{ car.price.toLocaleString() }}{% endverbatim %} {{ 'main.uah'|trans({}, 'dc_landrover')|raw }}</span>
  150.                                                         <a :href="car.link" @click="goto(car.link)" class="menu-car-btn-href" style="display: none;">{{ 'main.go_to'|trans({}, 'dc_landrover') }}</a>
  151.                                                     </div>
  152.                                                 </div>
  153.                                             </div>
  154.                                         </div>
  155.                                         <div class="col-md-8 dropdown-about-col">
  156.                                             <div class="tab-content tabs_content" id="nav-tabContent">
  157.                                                 <div class="tab-pane fade" v-for="car in data" :id="'nav-car-' + car.id" role="tabpanel" :aria-labelledby="'nav-car-tab-' + car.id">
  158.                                                     <div class="row">
  159.                                                         <div class="col-md-5 dropdown-links-col">
  161.                                                             <span class="dropdown-car-name pt-3 mb-3">{% verbatim %}{{ car.modelName }}{% endverbatim %}</span>
  165.                                                             <div class="dropdown-links mb-4">
  166.                                                                 <a :href="car.link" @click.prevent="carLink" data-id="overview" class="link-btn before-arrow">{{ 'car.model_review'|trans({}, 'dc_landrover') }}</a>
  167.                                                                 <a :href="car.link" @click.prevent="carLink" data-id="car-in-stock" class="link-btn before-arrow">{{ 'catalog.title'|trans({}, 'dc_landrover') }}</a>
  168.                                                                 <a :href="car.linkCarConfiguration" @click.prevent="carLink" data-id="" class="link-btn before-arrow">{{ 'car.equipments_and_price'|trans({}, 'dc_landrover') }}</a>
  169.                                                                 <a :href="car.linkCarConfiguration" @click.prevent="carLink" data-id="th" class="link-btn before-arrow">{{ 'car.characteristics'|trans({}, 'dc_landrover') }}</a>
  170.                                                                 <a :href="car.link" @click.prevent="carLink" data-id="accessories-block" class="link-btn before-arrow">{{ 'main.accessories'|trans({}, 'dc_landrover') }}</a>
  171.                                                             </div>
  172.                                                             <div class="dropdown-btn">
  173.                                                                 <a href="{{ path('landrover_service_consultation') }}" class="dropdown-btn-td">{{ 'main.order_td2'|trans({}, 'dc_landrover')}}</a>
  174.                                                                 <a href="https://www.landrover.ua/build-and-price" target="_blank" class="dropdown-btn-configuratop configuratop-icon">
  175.                                                                     <span class="wrap-icon">
  176.                                                                         <i class="icon-lr icon-ignite-configure"></i>
  177.                                                                     </span>
  178.                                                                     {{ 'main.create_car'|trans({}, 'dc_landrover') }}
  179.                                                                 </a>
  180.                                                             </div>
  181.                                                         </div>
  182.                                                         <div class="col-md-7 pr-0 pl-0">
  183.                                                             <div class="dropdown-about-car">
  184.                                                                 <div class="dropdown-about-image">
  185.                                                                     <a :href="car.link">
  186.                                                                         <picture :alt="car.name">
  187.                                                                             <source :srcset="car.preview_webp" type="image/webp">
  188.                                                                             <source :srcset="car.preview">
  189.                                                                             <img :src="car.preview" :alt="car.name">
  190.                                                                         </picture>
  191.                                                                     </a>
  192.                                                                 </div>
  193.                                                                 <div class="dropdown-head-about">
  194.                                                                     <a class="dropdown-car-name" :href="car.link">{% verbatim %}{{ car.name }}{% endverbatim %}</a>
  195.                                                                     <span class="dropdown-car-title">{% verbatim %}{{ car.slogan }}{% endverbatim %}</span>
  196.                                                                     <hr class="dropdown-hr mb-3 mt-4">
  197.                                                                 </div>
  198.                                                                 <div class="dropdown-car-advantages text-uppercase">
  199.                                                                     <div class="dropdown-car-price pt-3 d-flex align-items-center">
  201.                                                                         <span class="">{{ 'main.from'|trans({}, 'dc_landrover') }} {% verbatim %}{{ car.price.toLocaleString() }}{% endverbatim %} {{ 'main.uah'|trans({}, 'dc_landrover')|raw }}</span>
  202.                                                                     </div>
  203.                                                                 </div>
  204.                                                             </div>
  205.                                                         </div>
  207.                                                     </div>
  208.                                                 </div>
  209.                                             </div>
  210.                                         </div>
  211.                                     </div>
  212.                                 </div>
  213.                             </div>
  214.                         </li>
  215.                         <li class="dropdown-divider"></li>
  216.                         <li class="nav-item">
  217.                             <a href="{{ path('landrover_car_stock') }}" class="nav-link main-nav-link">{{ 'used.new_car'|trans({}, 'dc_landrover') }}</a>
  218.                         </li>
  219.                         <li class="dropdown-divider"></li>
  220.                         <li class="nav-item">
  221.                             <a id="dropUsed" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link main-nav-link">{{ 'used.title'|trans({}, 'dc_landrover') }}</a>
  222.                             <div aria-labelledby="dropUsed" class="dropdown-menu dropdown-menu-open">
  223.                                 <div class="container">
  224.                                     <div class="row" style="background: #fff;">
  225.                                         <div class="col-md-3 header-nav-block">
  226.                                             <div class="flex-column">
  227.                                                 <ul class="header-nav">
  228.                                                     <li class="header-nav-item">
  229.                                                         <a class="header-nav-link" href="{{ path('landrover_used_car') }}">{{ 'pages.base.used_cars.catalog'|trans({}, 'dc_ford') }}</a>
  230.                                                     </li>
  231.                                                 </ul>
  232.                                             </div>
  233.                                         </div>
  234.                                         <div class="col-md-3 header-nav-block">
  235.                                             <div class="flex-column">
  236.                                                 <ul class="header-nav">
  237.                                                     <li class="header-nav-item">
  238.                                                         <a class="header-nav-link" href="{{ path('landrover_approved_page') }}">APPROVED</a>
  239.                                                     </li>
  240.                                                 </ul>
  241.                                             </div>
  242.                                         </div>
  243.                                         <div class="col-md-3 header-nav-block">
  244.                                             <div class="flex-column">
  245.                                                 <ul class="header-nav">
  246.                                                     <li class="header-nav-item">
  247.                                                         <a class="header-nav-link" href="{{ path('landrover_select_page') }}">{{ 'pages.base.used_cars.vidi_select'|trans({}, 'dc_ford') }}</a>
  248.                                                     </li>
  249.                                                 </ul>
  250.                                             </div>
  251.                                         </div>
  252.                                         <div class="col-md-3 header-nav-block">
  253.                                             <div class="flex-column">
  254.                                                 <ul class="header-nav">
  255.                                                     <li class="header-nav-item">
  256.                                                         <a class="header-nav-link" href="{{ path('landrover_finance_trade_in') }}">{{ 'pages.base.used_cars.trade_in'|trans({}, 'dc_ford') }}</a>
  257.                                                     </li>
  258.                                                 </ul>
  259.                                             </div>
  260.                                         </div>
  261.                                     </div>
  262.                                     <div class="row">
  263.                                         <div class="col-md-12">
  264.                                             <hr class="header-nav-hr">
  265.                                         </div>
  266.                                         <div class="col-md-4">
  267.                                             <a href="{{ path('landrover_service_consultation') }}" class="header-nav-lead-magnets">
  268.                                                 <div class="header-nav-img">
  269.                                                     <span class="wrap-icon">
  270.                                                         <i class="icon-lr icon-ignite-drive"></i>
  271.                                                     </span>
  272.                                                 </div>
  273.                                                 <span class="header-nav-subtitle">{{ 'main.order_td'|trans({}, 'dc_landrover') }}</span>
  274.                                             </a>
  275.                                         </div>
  276.                                         <div class="col-md-4">
  277.                                             <a href="{{ path('landrover_service_order_to') }}" class="header-nav-lead-magnets">
  278.                                                 <div class="header-nav-img">
  279.                                                     <span class="wrap-icon">
  280.                                                         <i class="icon-lr icon-service"></i>
  281.                                                     </span>
  282.                                                 </div>
  283.                                                 <span class="header-nav-subtitle">{{ 'main.order_to'|trans({}, 'dc_landrover') }}</span>
  284.                                             </a>
  285.                                         </div>
  286.                                         <div class="col-md-4">
  287.                                             <a href="#" class="header-nav-lead-magnets" data-toggle="modal" data-target="#order-call">
  288.                                                 <div class="header-nav-img">
  289.                                                     <span class="wrap-icon">
  290.                                                         <i class="icon-lr icon-phone"></i>
  291.                                                     </span>
  292.                                                 </div>
  293.                                                 <span class="header-nav-subtitle">{{ 'pages.leads.leads_callback'|trans({}, 'dc_base') }}</span>
  294.                                             </a>
  295.                                         </div>
  296.                                     </div>
  297.                                 </div>
  298.                             </div>
  299.                         </li>
  300.                         <li class="dropdown-divider"></li>
  301.                         <li class="nav-item dropdown">
  302.                             <a id="dropService" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link main-nav-link menu-drop-arrow">{{ 'main.service'|trans({}, 'dc_landrover') }}</a>
  303.                             <div aria-labelledby="dropService" class="dropdown-menu dropdown-menu-open">
  304.                                 <div class="container">
  305.                                     <div class="row" style="background: #fff;">
  306.                                         <div class="col-md-4 header-nav-block">
  307.                                             <div class="flex-column">
  308.                                                 <span class="header-nav-title">{{ 'main.service_and_repair'|trans({}, 'dc_landrover') }}</span>
  309.                                                 <ul class="header-nav">
  310.                                                     <li class="header-nav-item">
  311.                                                         <a class="header-nav-link" href="{{ path('landrover_service_order_to') }}">{{ 'main.order_to'|trans({}, 'dc_landrover') }}</a>
  312.                                                     </li>
  313.                                                     <li class="header-nav-item">
  314.                                                         <a class="header-nav-link" href="{{ path('landrover_service_regulations_to') }}">Регламент ТО</a>
  315.                                                     </li>
  316.                                                     <li class="header-nav-item">
  317.                                                         <a class="header-nav-link" href="{{ path('landrover_service_body_repair') }}">{{ 'body_repair.header_title'|trans({}, 'dc_landrover') }}</a>
  318.                                                     </li>
  319.                                                     <li class="header-nav-item">
  320.                                                         <a class="header-nav-link" href="{{ path('landrover_special_offers', { 'tab': 'service' }) }}">{{ 'main.specials_offer'|trans({}, 'dc_landrover') }}</a>
  321.                                                     </li>
  322.                                                 </ul>
  323.                                             </div>
  324.                                         </div>
  325.                                         <div class="col-md-4">
  326.                                             <div class="flex-column">
  327.                                                 <span class="header-nav-title">{{ 'main.info'|trans({}, 'dc_landrover') }}</span>
  328.                                                 <ul class="header-nav">
  329.                                                     <li class="header-nav-item">
  330.                                                         <a class="header-nav-link" href="{{ path('landrover_service_help_road') }}">{{ 'main.help'|trans({}, 'dc_landrover') }}</a>
  331.                                                     </li>
  332.                                                     <li class="header-nav-item">
  333.                                                         <a class="header-nav-link" href="{{ path('landrover_service_replacement_car') }}">{{ 'seo.replacement_car.title'|trans({}, 'dc_landrover') }}</a>
  334.                                                     </li>
  335.                                                     <li class="header-nav-item">
  336.                                                         <a class="header-nav-link" href="{{ path('landrover_service_reference_material') }}">{{ 'pages.base.reference_material'|trans({}, 'dc_base') }}</a>
  337.                                                     </li>
  338.                                                 </ul>
  339.                                             </div>
  340.                                         </div>
  341.                                         <div class="col-md-4">
  342.                                             <div class="flex-column">
  343.                                                 <span class="header-nav-title">{{ 'main.additional'|trans({}, 'dc_landrover') }}</span>
  344.                                                 <ul class="header-nav">
  345.                                                     <li class="header-nav-item">
  346.                                                         <a class="header-nav-link" href="{{ path('landrover_service_spare_parts') }}">{{ 'main.original_parts'|trans({}, 'dc_landrover') }}</a>
  347.                                                     </li>
  348.                                                     <li class="header-nav-item">
  349.                                                         <a class="header-nav-link" href="{{ path('landrover_service_accessory_catalog') }}">{{ 'main.accessories'|trans({}, 'dc_landrover') }}</a>
  350.                                                     </li>
  351. {#                                                    <li class="header-nav-item">#}
  352. {#                                                        <a class="header-nav-link" href="{{ path('landrover_service_brand_collections') }}">{{ 'seo.brand_collections.title'|trans({}, 'dc_landrover') }}</a>#}
  353. {#                                                    </li>#}
  354.                                                     <li class="header-nav-item">
  355.                                                         <a class="header-nav-link" href="{{ path('landrover_service_additional') }}">{{ 'main.additional'|trans({}, 'dc_landrover') }}</a>
  356.                                                     </li>
  357.                                                 </ul>
  358.                                             </div>
  359.                                         </div>
  360.                                     </div>
  361.                                     <div class="row">
  362.                                         <div class="col-md-12">
  363.                                             <hr class="header-nav-hr">
  364.                                         </div>
  365.                                         <div class="col-md-4">
  366.                                             <a href="{{ path('landrover_service_consultation') }}" class="header-nav-lead-magnets">
  367.                                                 <div class="header-nav-img">
  368.                                                     <span class="wrap-icon">
  369.                                                         <i class="icon-lr icon-ignite-drive"></i>
  370.                                                     </span>
  371.                                                 </div>
  372.                                                 <span class="header-nav-subtitle">{{ 'main.order_td'|trans({}, 'dc_landrover') }}</span>
  373.                                             </a>
  374.                                         </div>
  375.                                         <div class="col-md-4">
  376.                                             <a href="{{ path('landrover_service_order_to') }}" class="header-nav-lead-magnets">
  377.                                                 <div class="header-nav-img">
  378.                                                     <span class="wrap-icon">
  379.                                                         <i class="icon-lr icon-service"></i>
  380.                                                     </span>
  381.                                                 </div>
  382.                                                 <span class="header-nav-subtitle">{{ 'main.order_to'|trans({}, 'dc_landrover') }}</span>
  383.                                             </a>
  384.                                         </div>
  385.                                         <div class="col-md-4">
  386.                                             <a href="#" class="header-nav-lead-magnets" data-toggle="modal" data-target="#order-call">
  387.                                                 <div class="header-nav-img">
  388.                                                     <span class="wrap-icon">
  389.                                                         <i class="icon-lr icon-phone"></i>
  390.                                                     </span>
  391.                                                 </div>
  392.                                                 <span class="header-nav-subtitle">{{ 'site.order_consult'|trans({}, 'dc_base') }}</span>
  393.                                             </a>
  394.                                         </div>
  395.                                     </div>
  396.                                 </div>
  397.                             </div>
  398.                         </li>
  399.                         <li class="dropdown-divider"></li>
  400.                         <li class="nav-item dropdown">
  401.                             <a id="dropServices" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link main-nav-link menu-drop-arrow">
  402.                                 {{ 'main.services'|trans({}, 'dc_landrover') }}
  403.                             </a>
  404.                             <div aria-labelledby="dropServices" class="dropdown-menu dropdown-menu-open">
  405.                                 <div class="container">
  406.                                     <div class="row" style="background: #fff;">
  407.                                         <div class="col-md-4 header-nav-block">
  408.                                             <div class="flex-column">
  409.                                                 <span class="header-nav-title">{{ 'main.finance'|trans({}, 'dc_landrover') }}</span>
  410.                                                 <ul class="header-nav">
  411.                                                     <li class="header-nav-item">
  412.                                                         <a class="header-nav-link" href="{{ path('landrover_finance_credit') }}">
  413.                                                             {{ 'main.credit'|trans({}, 'dc_landrover') }}
  414.                                                         </a>
  415.                                                     </li>
  416.                                                     <li class="header-nav-item">
  417.                                                         <a class="header-nav-link" href="{{ path('landrover_finance_lizing') }}">
  418.                                                             {{ 'main.leasing'|trans({}, 'dc_landrover') }}
  419.                                                         </a>
  420.                                                     </li>
  421.                                                     <li class="header-nav-item">
  422.                                                         <a class="header-nav-link" href="{{ path('landrover_finance_trade_in') }}">Trade–In</a>
  423.                                                     </li>
  424.                                                 </ul>
  425.                                             </div>
  426.                                         </div>
  427.                                         <div class="col-md-4">
  428.                                             <div class="flex-column">
  429.                                                 <span class="header-nav-title">{{ 'main.safety'|trans({}, 'dc_landrover') }}</span>
  430.                                                 <ul class="header-nav">
  431.                                                     <li class="header-nav-item">
  432.                                                         <a class="header-nav-link" href="{{ path('landrover_finance_insurance') }}">
  433.                                                             {{ 'main.vidi_insurance'|trans({}, 'dc_landrover') }}
  434.                                                         </a>
  435.                                                     </li>
  436.                                                 </ul>
  437.                                             </div>
  438.                                         </div>
  439.                                         <div class="col-md-4">
  440.                                             <div class="flex-column">
  441.                                                 <span class="header-nav-title">{{ 'main.additional'|trans({}, 'dc_landrover') }}</span>
  442.                                                 <ul class="header-nav">
  443.                                                     <li class="header-nav-item">
  444.                                                         <a class="header-nav-link" href="{{ path('landrover_finance_corporate_sales') }}">
  445.                                                             {{ 'corporate_sale.title'|trans({}, 'dc_landrover') }}
  446.                                                         </a>
  447.                                                     </li>
  448.                                                      <li class="header-nav-item">
  449.                                                         <a class="header-nav-link" href="{{ path('landrover_rent_page') }}">
  450.                                                            {{ 'car.rent_car'|trans({}, 'dc_base') }}
  451.                                                         </a>
  452.                                                     </li>
  453.                                                 </ul>
  454.                                             </div>
  455.                                         </div>
  456.                                     </div>
  457.                                     <div class="row">
  458.                                         <div class="col-md-12">
  459.                                             <hr class="header-nav-hr">
  460.                                         </div>
  461.                                         <div class="col-md-4">
  462.                                             <a href="{{ path('landrover_service_consultation') }}" class="header-nav-lead-magnets">
  463.                                                 <div class="header-nav-img">
  464.                                                     <span class="wrap-icon">
  465.                                                         <i class="icon-lr icon-ignite-drive"></i>
  466.                                                     </span>
  467.                                                 </div>
  468.                                                 <span class="header-nav-subtitle">{{ 'main.order_td'|trans({}, 'dc_landrover') }}</span>
  469.                                             </a>
  470.                                         </div>
  471.                                         <div class="col-md-4">
  472.                                             <a href="{{ path('landrover_service_order_to') }}" class="header-nav-lead-magnets">
  473.                                                 <div class="header-nav-img">
  474.                                                     <span class="wrap-icon">
  475.                                                         <i class="icon-lr icon-service"></i>
  476.                                                     </span>
  477.                                                 </div>
  478.                                                 <span class="header-nav-subtitle">{{ 'main.order_to'|trans({}, 'dc_landrover') }}</span>
  479.                                             </a>
  480.                                         </div>
  481.                                         <div class="col-md-4">
  482.                                             <a href="#" class="header-nav-lead-magnets" data-toggle="modal" data-target="#order-call">
  483.                                                 <div class="header-nav-img">
  484.                                                     <span class="wrap-icon">
  485.                                                         <i class="icon-lr icon-phone"></i>
  486.                                                     </span>
  487.                                                 </div>
  488.                                                 <span class="header-nav-subtitle">{{ 'site.order_consult'|trans({}, 'dc_base') }}</span>
  489.                                             </a>
  490.                                         </div>
  491.                                     </div>
  492.                                 </div>
  493.                             </div>
  494.                         </li>
  495.                         <li class="dropdown-divider"></li>
  496.                         <li class="nav-item">
  497.                             <a href="{{ path('landrover_special_offers') }}" class="nav-link main-nav-link">
  498.                                 {{ 'main.specials_offer'|trans({}, 'dc_landrover') }}
  499.                             </a>
  500.                         </li>
  501.                         <li class="dropdown-divider"></li>
  502.                         <li class="nav-item dropdown">
  503.                             <a id="dropAbout" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link main-nav-link menu-drop-arrow">
  504.                                 {{ 'main.about_us'|trans({}, 'dc_landrover') }}
  505.                             </a>
  506.                             <div aria-labelledby="dropAbout" class="dropdown-menu dropdown-menu-open">
  507.                                 <div class="container">
  508.                                     <div class="row" style="background: #fff;">
  509.                                         <div class="col-md-4 header-nav-block">
  510.                                             <div class="flex-column">
  511.                                                 <span class="header-nav-title">{{ 'main.overall_info'|trans({}, 'dc_landrover') }}</span>
  512.                                                 <ul class="header-nav">
  513.                                                     <li class="header-nav-item">
  514.                                                         <a class="header-nav-link" href="{{ path('landrover_aboutus_aboutdc') }}">
  515.                                                             {{ 'main.about_dc'|trans({}, 'dc_landrover') }}
  516.                                                         </a>
  517.                                                     </li>
  518.                                                     <li class="header-nav-item">
  519.                                                         <a class="header-nav-link" href="{{ path('landrover_aboutus_contacts') }}">
  520.                                                             {{ 'main.contacts'|trans({}, 'dc_landrover') }}
  521.                                                         </a>
  522.                                                     </li>
  523.                                                     <li class="header-nav-item">
  524.                                                         <a class="header-nav-link" href="{{ path('landrover_aboutus_quality_policy') }}">
  525.                                                             {{ 'pages.base.quality_policy'|trans({}, 'dc_base') }}
  526.                                                         </a>
  527.                                                     </li>
  528.                                                 </ul>
  529.                                             </div>
  530.                                         </div>
  531.                                         <div class="col-md-4">
  532.                                             <div class="flex-column">
  533.                                                 <span class="header-nav-title">{{ 'main.work_with_us'|trans({}, 'dc_landrover') }}</span>
  534.                                                 <ul class="header-nav">
  535.                                                     <li class="header-nav-item">
  536.                                                         <a class="header-nav-link" href="{{ path('landrover_aboutus_staff') }}">
  537.                                                             {{ 'main.team'|trans({}, 'dc_landrover') }}
  538.                                                         </a>
  539.                                                     </li>
  540.                                                     <li class="header-nav-item">
  541.                                                         <a class="header-nav-link" href="{{ path('landrover_aboutus_vacancy') }}">
  542.                                                             {{ 'main.vacancies'|trans({}, 'dc_landrover') }}
  543.                                                         </a>
  544.                                                     </li>
  545.                                                 </ul>
  546.                                             </div>
  547.                                         </div>
  548.                                         <div class="col-md-4">
  549.                                             <div class="flex-column">
  550.                                                 <span class="header-nav-title">
  551.                                                     {{ 'main.actual_info'|trans({}, 'dc_landrover') }}
  552.                                                 </span>
  553.                                                 <ul class="header-nav">
  554.                                                     <li class="header-nav-item">
  555.                                                         <a class="header-nav-link" href="{{ path('landrover_aboutus_news') }}">
  556.                                                             {{ 'main.news'|trans({}, 'dc_landrover') }}
  557.                                                         </a>
  558.                                                     </li>
  559.                                                 </ul>
  560.                                             </div>
  561.                                         </div>
  562.                                     </div>
  563.                                     <div class="row">
  564.                                         <div class="col-md-12">
  565.                                             <hr class="header-nav-hr">
  566.                                         </div>
  567.                                         <div class="col-md-4">
  568.                                             <a href="{{ path('landrover_service_consultation') }}" class="header-nav-lead-magnets">
  569.                                                 <div class="header-nav-img">
  570.                                                     <span class="wrap-icon">
  571.                                                         <i class="icon-lr icon-ignite-drive"></i>
  572.                                                     </span>
  573.                                                 </div>
  574.                                                 <span class="header-nav-subtitle">{{ 'main.order_td'|trans({}, 'dc_landrover') }}</span>
  575.                                             </a>
  576.                                         </div>
  577.                                         <div class="col-md-4">
  578.                                             <a href="{{ path('landrover_service_order_to') }}" class="header-nav-lead-magnets">
  579.                                                 <div class="header-nav-img">
  580.                                                     <span class="wrap-icon">
  581.                                                         <i class="icon-lr icon-service"></i>
  582.                                                     </span>
  583.                                                 </div>
  584.                                                 <span class="header-nav-subtitle">{{ 'main.order_to'|trans({}, 'dc_landrover') }}</span>
  585.                                             </a>
  586.                                         </div>
  587.                                         <div class="col-md-4">
  588.                                             <a href="#" class="header-nav-lead-magnets" data-toggle="modal" data-target="#order-call">
  589.                                                 <div class="header-nav-img">
  590.                                                     <span class="wrap-icon">
  591.                                                         <i class="icon-lr icon-phone"></i>
  592.                                                     </span>
  593.                                                 </div>
  594.                                                 <span class="header-nav-subtitle">{{ 'site.order_consult'|trans({}, 'dc_base') }}</span>
  595.                                             </a>
  596.                                         </div>
  597.                                     </div>
  598.                                 </div>
  599.                             </div>
  600.                         </li>
  601.                     </ul>
  602.                     <div class="mobile-menu-bottom">
  603.                         <span>{{ 'main.sell_and_service'|trans({}, 'dc_landrover') }}:</span>
  604.                         <a href="tel:{{ dealer.phone }}" class="phone-mob phone-mob-first">{{ dealer.phone }}</a>
  605.                         <a href="tel:+380985910000" class="phone-mob d-block mb-3">+38 (098) 591–00–00</a>
  606.                         <a href="viber://chat?number=%2B380985910000" class="btn btn-black mb-3">
  607.                             <svg class="mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="vertical-align: bottom;">
  608.                                 <path d="M14.75 7.62502C14.7526 8.61492 14.5213 9.59144 14.075 10.475C13.5458 11.5338 12.7323 12.4244 11.7256 13.047C10.7189 13.6696 9.55868 13.9996 8.375 14C7.3851 14.0026 6.40859 13.7713 5.525 13.325L1.25 14.75L2.675 10.475C2.2287 9.59144 1.99742 8.61492 2 7.62502C2.00046 6.44134 2.33046 5.28116 2.95304 4.27443C3.57562 3.26771 4.46619 2.4542 5.525 1.92502C6.40859 1.47872 7.3851 1.24744 8.375 1.25002H8.75C10.3133 1.33627 11.7898 1.99609 12.8969 3.10317C14.0039 4.21024 14.6638 5.68676 14.75 7.25002V7.62502Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  609.                             </svg>
  610.                             {{ 'main.send_message'|trans({}, 'dc_landrover') }} в viber
  611.                         </a>
  612.                         <span>{{ 'contacts.address_title'|trans({}, 'dc_landrover') }}:</span>
  613.                         <p>{{ 'contacts.address'|trans({}, 'dc_landrover') }}</p>
  614.                         <a href="https://g.page/jlrkyivwest?share" class="btn btn-primary" target="_blank">
  615.                             <svg class="mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="vertical-align: sub;">
  616.                                 <g clip-path="url(#clip0)">
  617.                                     <path d="M0.666016 3.99992V14.6666L5.33268 11.9999L10.666 14.6666L15.3327 11.9999V1.33325L10.666 3.99992L5.33268 1.33325L0.666016 3.99992Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  618.                                     <path d="M5.33398 1.33325V11.9999" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  619.                                     <path d="M10.666 4V14.6667" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  620.                                 </g>
  621.                                 <defs>
  622.                                     <clipPath id="clip0">
  623.                                         <rect width="16" height="16" fill="white"/>
  624.                                     </clipPath>
  625.                                 </defs>
  626.                             </svg>
  627.                             {{ 'main.direction'|trans({}, 'dc_landrover') }}
  628.                         </a>
  629.                     </div>
  630.                 </div>
  631.                 <button id="btnHeaderMenu" class="d-block d-lg-none order-md-4 navbar-toggler collapsed" aria-label="Toggle navigation">
  632.                     <span class="navbar-toggler-icon"></span>
  633.                 </button>
  635.                 <div class="flexbox-wrapper justify-content-end currency-slogan-line">
  636.                     <span class="header-bottom-name-dealer">LAND ROVER {{ 'main.kyiv_west'|trans({}, 'dc_landrover') }}</span>
  637.                 </div>
  639.                 <div class="header__basket currency-slogan-line-2 d-lg-flex ml-4" id="basketMenu">
  640.                     <a class="basket__btn d-flex align-items-center" href="{{ path('landrover_basket') }}" role="button">
  641.                             <span class="quantity">
  642.                                 <span>{{ basketCount ?? 0 }}</span>
  643.                             </span>
  644.                         <span class="header__basket-title">{{ 'basket.title'|trans({}, 'dc_base') }}</span>
  645.                     </a>
  646.                 </div>
  648.             </div>
  649.         </div>
  650.     </div>
  651. </header>