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

Open in your IDE?
  1. <header class="header">
  2.     <div class="header-top">
  3.         <div class="container">
  4.             <div class="row row-flex-end custom__header__p">
  5.                 <div class="social__wrapper">
  6.                      <span class="header-route">
  7.                         <svg width="18" height="18" viewBox="0 0 18 18" fill="#E96334"
  8.                              xmlns="http://www.w3.org/2000/svg">
  9.                             <path d="M15.75 7.5C15.75 12.75 9 17.25 9 17.25C9 17.25 2.25 12.75 2.25 7.5C2.25 5.70979 2.96116 3.9929 4.22703 2.72703C5.4929 1.46116 7.20979 0.75 9 0.75C10.7902 0.75 12.5071 1.46116 13.773 2.72703C15.0388 3.9929 15.75 5.70979 15.75 7.5Z"
  10.                                   stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  11.                             <path d="M9 9.75C10.2426 9.75 11.25 8.74264 11.25 7.5C11.25 6.25736 10.2426 5.25 9 5.25C7.75736 5.25 6.75 6.25736 6.75 7.5C6.75 8.74264 7.75736 9.75 9 9.75Z"
  12.                                   stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  13.                         </svg>
  14.                         {{ 'base.address'|trans({}, 'dc_citroen') }}
  15.                     </span>
  16.                     <a href="tel:{{ dealer.phone }}" class="header__phone-mob">
  17.                         <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
  18.                              xmlns="http://www.w3.org/2000/svg">
  19.                             <path d="M16.5001 12.6901V14.9401C16.5009 15.1489 16.4581 15.3557 16.3745 15.5471C16.2908 15.7385 16.168 15.9103 16.0141 16.0515C15.8602 16.1927 15.6785 16.3002 15.4806 16.3671C15.2828 16.434 15.0731 16.4589 14.8651 16.4401C12.5572 16.1893 10.3403 15.4007 8.39257 14.1376C6.58044 12.9861 5.04407 11.4497 3.89257 9.63757C2.62506 7.68098 1.83625 5.45332 1.59007 3.13507C1.57133 2.92767 1.59598 2.71864 1.66245 2.52129C1.72892 2.32394 1.83575 2.14259 1.97615 1.98879C2.11654 1.83499 2.28743 1.7121 2.47791 1.62796C2.6684 1.54382 2.87433 1.50027 3.08257 1.50007H5.33257C5.69655 1.49649 6.04942 1.62538 6.32539 1.86272C6.60137 2.10006 6.78163 2.42966 6.83257 2.79007C6.92754 3.51012 7.10366 4.21712 7.35757 4.89757C7.45848 5.16602 7.48032 5.45776 7.4205 5.73823C7.36068 6.01871 7.22172 6.27616 7.02007 6.48007L6.06757 7.43257C7.13524 9.31023 8.68991 10.8649 10.5676 11.9326L11.5201 10.9801C11.724 10.7784 11.9814 10.6395 12.2619 10.5796C12.5424 10.5198 12.8341 10.5417 13.1026 10.6426C13.783 10.8965 14.49 11.0726 15.2101 11.1676C15.5744 11.219 15.9071 11.4025 16.145 11.6832C16.3828 11.9639 16.5092 12.3223 16.5001 12.6901Z"
  20.                                   stroke="#282830" stroke-width="1.5" stroke-linecap="round"
  21.                                   stroke-linejoin="round"></path>
  22.                         </svg>
  23.                         <span>{{ dealer.phone }}</span>
  24.                     </a>
  25.                 </div>
  27.                 <div class="align-items-center d-flex justify-content-between  justify-content-lg-end col-lg-3 col-md-12 col-sm-12 col-xl-4">
  28.                     {% if app.request.getLocale() == 'ru' %}
  29.                     <ul class="header-lang list-inline mb-0">
  30.                         {% for locale in allowed_locales %}
  31.                             {% if locale != app.request.getLocale() %}
  32.                                 <li class="active">
  33.                                     <a href="{{ absolute_url(
  34.                                         path(
  35.                                             app.request.attributes.get('_route'),
  36.                                             app.request.attributes.get('_route_params')|merge({'_locale': locale})
  37.                                         )
  38.                                     ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}"
  39.                                        title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})"
  40.                                        class="lang active"><span> {{ ('site.locale.'~locale)|trans({},'dc_base') }}</span></a>
  41.                                 </li>
  42.                             {% else %}
  43.                                 <li class="">
  44.                                     <a hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}"
  45.                                        title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})"
  46.                                        class="lang"><span>{{ ('site.locale.'~locale)|trans({},'dc_base') }}</span></a>
  47.                                 </li>
  48.                             {% endif %}
  49.                         {% endfor %}
  50.                     </ul>
  51.                     {% endif %}
  53.                     <div class="site_btn-enter" id="enterBtn" style="display: inline-block">
  54.                         <div class="d-inline-block">
  55.                             {% if app.user %}
  56.                                 <a class="site_btn-enter-btn --loggedin" target="_blank"
  57.                                    href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  58.                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
  59.                                          xmlns="http://www.w3.org/2000/svg">
  60.                                         <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"
  61.                                               stroke="currentColor" stroke-width="2" stroke-linecap="round"
  62.                                               stroke-linejoin="round"/>
  63.                                         <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"
  64.                                               stroke="currentColor" stroke-width="2" stroke-linecap="round"
  65.                                               stroke-linejoin="round"/>
  66.                                     </svg>
  67.                                     <span class="header_icon-title">{{ app.user.name }}</span>
  68.                                 </a>
  69.                             {% else %}
  70.                                 <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  71.                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
  72.                                          xmlns="http://www.w3.org/2000/svg">
  73.                                         <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"
  74.                                               stroke="#837F7F" stroke-width="2" stroke-linecap="round"
  75.                                               stroke-linejoin="round"/>
  76.                                         <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"
  77.                                               stroke="#837F7F" stroke-width="2" stroke-linecap="round"
  78.                                               stroke-linejoin="round"/>
  79.                                     </svg>
  80.                                     <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }}</span>
  81.                                 </a>
  82.                             {% endif %}
  83.                         </div>
  85.                         <div class="d-inline-block">
  86.                             {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('citroen_basket') } %}
  87.                         </div>
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </div>
  93.     <div class="header-bottom-logo">
  94.         <div class="container">
  95.             <div class="row align-items-center">
  96.                 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
  98.                     <div class="header_logo">
  99.                         <a href="{{ path('citroen_homepage') }}" class="header-logo" alt="{{ dealer }} logo">
  100.                             <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
  101.                                   viewBox="0 0 512.000000 512.000000"
  102.                                  preserveAspectRatio="xMidYMid meet">
  104.                                 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
  105.                                    fill="#000000" stroke="none">
  106.                                     <path d="M2380 4135 c-534 -97 -955 -587 -1077 -1255 -25 -134 -25 -506 0
  107.                                                 -640 137 -750 652 -1270 1257 -1270 605 0 1120 520 1257 1270 25 134 25 506 0
  108.                                                 640 -123 673 -545 1161 -1085 1255 -103 18 -251 18 -352 0z m370 -160 c305
  109.                                                 -62 592 -308 765 -654 87 -174 146 -389 164 -593 5 -56 7 -104 6 -106 -2 -2
  110.                                                 -255 184 -564 413 l-561 416 -561 -416 c-309 -229 -563 -415 -564 -413 -2 2 1
  111.                                                 51 6 108 55 584 393 1076 836 1219 160 52 310 60 473 26z m360 -1308 l545
  112.                                                 -403 -3 -35 c-2 -19 -12 -74 -24 -122 -14 -63 -24 -87 -33 -83 -7 2 -241 174
  113.                                                 -519 380 -279 207 -511 376 -516 376 -5 0 -237 -169 -516 -376 -279 -207 -513
  114.                                                 -378 -519 -381 -13 -4 -50 130 -57 206 l-3 35 545 403 c299 222 547 403 550
  115.                                                 403 3 0 251 -181 550 -403z m-88 -593 c249 -184 452 -342 452 -349 -3 -27
  116.                                                 -115 -183 -188 -262 -116 -124 -247 -216 -391 -274 -111 -44 -205 -61 -335
  117.                                                 -61 -130 0 -224 17 -335 61 -144 58 -275 150 -391 274 -73 79 -185 235 -188
  118.                                                 262 -1 14 888 682 911 684 6 1 216 -150 465 -335z"/>
  119.                                 </g>
  120.                             </svg>
  121.                         </a>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.     </div>
  131.     <div class="header-bottom header-bottom-menu">
  132.         <div class="container">
  133.             <div class="row justify-content-end justify-content-lg-between align-items-center header-bottom-row">
  134.                 <a class="header__bottom__logo" href="{{ path('citroen_homepage') }}">{{ 'base.dealer'|trans({}, 'dc_citroen') }}</a>
  135.                 <div id="mainNav" class="col-sm-12 col-md-12 col-lg-12 col-xl-10 collapse navbar-mob"
  136.                      style="position: inherit;">
  137.                     <ul class="nav nav-pills nav-fill nav-custom-center">
  140.                         {# >>>>>>>>  Автомобили в наличии  <<<<<<<< #}
  141.                         <li class="nav-item">
  142.                             <a href="{{ path('citroen_car_stock') }}"
  143.                                class="nav-link nav-link-menu">{{ 'seo.car_in_stocks'|trans({}, 'dc_citroen') }}</a>
  144.                         </li>
  145.                         <li class="dropdown-divider"></li>
  147.                         {# >>>>>>>>  Авто с пробегом  <<<<<<<< #}
  148.                         <li class="nav-item dropdown">
  149.                             <a id="dropAbout" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
  150.                                class="nav-link nav-link-menu dropdown-toggle">{{ 'seo.used_car.title'|trans({}, 'dc_citroen') }}</a>
  151.                             <div aria-labelledby="dropAbout" class="dropdown-menu dropdown-menu-open">
  152.                                 <div class="container">
  153.                                     <div class="row">
  154.                                         <div class="col-md-12">
  155.                                             <ul class="site_tabs-list">
  156.                                                 <li class="nav-item">
  157.                                                     <a href="{{ path('citroen_used_car_catalog') }}">{{ 'seo.used_car.sub_title'|trans({}, 'dc_citroen') }}</a>
  158.                                                 </li>
  159.                                                 <li class="nav-item">
  160.                                                     <a href="{{ path('citroen_select_page') }}">{{ 'seo.vidi_select.title'|trans({}, 'dc_citroen') }}</a>
  161.                                                 </li>
  162.                                                 <li class="nav-item">
  163.                                                     <a href="{{ path('citroen_finance_trade_in') }}">{{ 'seo.used_car.trade_in'|trans({}, 'dc_citroen') }}</a>
  164.                                                 </li>
  165.                                             </ul>
  166.                                         </div>
  167.                                     </div>
  168.                                 </div>
  169.                             </div>
  170.                         </li>
  171.                         <li class="dropdown-divider"></li>
  173.                         {# >>>>>>>>  Автомобили  <<<<<<<< #}
  174.                         <li class="nav-item dropdown">
  175.                             <a href="#" class="nav-link dropdown-toggle nav-link-menu" id="navCars" role="button"
  176.                                data-toggle="dropdown" aria-haspopup="true"
  177.                                aria-expanded="false">{{ 'seo.model_lineup.title'|trans({}, 'dc_citroen') }}</a>
  178.                             <div class="col-12 dropdown-menu car-model-dropdown-menu" aria-labelledby="navCars">
  179.                                 <div class="container" id="car-menu">
  180.                                     <div class="row" id="auto-dropdown">
  181.                                         <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3">
  182.                                             <ul class="nav nav-tabs site_tabs" id="myTabCar" role="tablist">
  183.                                                 <li class="nav-item" v-for="group, key in groups">
  184.                                                     <a class="nav-link" :class="key == 0 ? 'active' : ''"
  185.                                                        :id="'car-tab-'+group.id" data-toggle="tab"
  186.                                                        :href="'#car-'+group.id" role="tab" aria-controls="car-one"
  187.                                                        aria-selected="true" v-html="group.title"></a>
  188.                                                 </li>
  189.                                             </ul>
  190.                                         </div>
  191.                                         <div class="col-sm-12 col-md-12 col-lg-9 col-xl-9">
  192.                                             <div class="tab-content" id="myTabCarContent">
  193.                                                 <div class="tab-pane fade" :class="key ==0 ? 'show active' : ''"
  194.                                                      v-for="group, key in groups" :id="'car-'+group.id" role="tabpanel"
  195.                                                      aria-labelledby="'car-tab-'+group.id">
  196.                                                     <div class="row">
  197.                                                         <div class="col-md-4" v-for="car in group.cars">
  198.                                                             <div class="model__card">
  199.                                                                 <a :href="car.url" class="model__card-img">
  200.                                                                     <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>
  201.                                                                     <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>
  202.                                                                     <picture :alt="car.customTitle">
  203.                                                                         <source :srcset="car.image_webp" type="image/webp">
  204.                                                                         <source :srcset="car.image">
  205.                                                                         <img :src="car.image" :alt="car.customTitle">
  206.                                                                     </picture>
  207.                                                                 </a>
  208.                                                                 <a :href="car.url" class="model__card-title">
  209.                                                                     <span v-if="car.isPreOrder">{{ 'pages.car.is_pre_order'|trans({},'dc_base') }} </span>
  210.                                                                     <span v-else-if="car.isNew">{{ 'pages.car.is_new'|trans({},'dc_base') }} </span>
  211.                                                                     <span v-html="car.customTitle"></span>
  212.                                                                 </a>
  213.                                                                 <div class="model__card-price" v-if="car.price > 0">
  214.                                                                     {{ 'base.from'|trans({}, 'dc_citroen') }} <span
  215.                                                                             v-html="car.price.toLocaleString()+' грн'"></span>
  216.                                                                 </div>
  217.                                                                 <div class="model__card-price" v-else>
  218.                                                                     <span>{{ 'pages.base.specify_the_price'|trans({},'dc_toyota') }}</span>
  219.                                                                 </div>
  220.                                                                 <a :href="car.configuratorUrl"
  221.                                                                    class="btn btn-secondary w-100">{{ 'base.config'|trans({}, 'dc_citroen') }}</a>
  222.                                                             </div>
  223.                                                         </div>
  224.                                                     </div>
  225.                                                 </div>
  226.                                             </div>
  227.                                         </div>
  228.                                     </div>
  229.                                 </div>
  230.                             </div>
  231.                         </li>
  232.                         <li class="dropdown-divider"></li>
  234.                         {# >>>>>>>>  Сервис  <<<<<<<< #}
  235.                         <li class="nav-item dropdown">
  236.                             <a id="dropService" href="#" class="nav-link nav-link-menu dropdown-toggle" role="button"
  237.                                data-toggle="dropdown" aria-haspopup="true"
  238.                                aria-expanded="false">{{ 'seo.service.title'|trans({}, 'dc_citroen') }}</a>
  239.                             <div aria-labelledby="dropService"
  240.                                  class="dropdown-menu dropdown-menu-open dropdown-menu-tabs">
  241.                                 <div class="container">
  242.                                     <div class="row">
  243.                                         <div class="col-md-3">
  244.                                             <ul class="nav nav-tabs site_tabs" id="myTabService" role="tablist">
  245.                                                 <li class="nav-item">
  246.                                                     <a class="nav-link active" id="service-one-tab" data-toggle="tab"
  247.                                                        href="#service-one" role="tab" aria-controls="service-one"
  248.                                                        aria-selected="true">{{ 'seo.header_service_repair'|trans({}, 'dc_citroen') }}</a>
  249.                                                 </li>
  250.                                                 <li class="nav-item">
  251.                                                     <a class="nav-link" id="service-two-tab" data-toggle="tab"
  252.                                                        href="#service-two" role="tab" aria-controls="service-two"
  253.                                                        aria-selected="false">{{ 'seo.header_service_parts'|trans({}, 'dc_citroen') }}</a>
  254.                                                 </li>
  255.                                                 <li class="nav-item">
  256.                                                     <a class="nav-link" id="service-three-tab" data-toggle="tab"
  257.                                                        href="#service-three" role="tab" aria-controls="service-three"
  258.                                                        aria-selected="false">{{ 'seo.header_service_propositions'|trans({}, 'dc_citroen') }}</a>
  259.                                                 </li>
  261.                                                 <li class="nav-item">
  262.                                                     <a class="nav-link" id="service-four-tab" data-toggle="tab"
  263.                                                        href="#service-four" role="tab" aria-controls="service-four"
  264.                                                        aria-selected="false">{{ 'extended_warranty.service_menu_title'|trans({}, 'dc_citroen') }}</a>
  265.                                                 </li>
  266.                                                 <li class="nav-item">
  267.                                                     <a class="nav-link" id="service-five-tab" data-toggle="tab"
  268.                                                        href="#service-five" role="tab" aria-controls="service-five"
  269.                                                        aria-selected="false">{{ 'modernization.menu_title'|trans({}, 'dc_citroen') }}</a>
  270.                                                 </li>
  271.                                             </ul>
  272.                                         </div>
  273.                                         <div class="col-md-9">
  274.                                             <div class="tab-content" id="myTabServiceContent">
  275.                                                 <div class="tab-pane fade show active" id="service-one" role="tabpanel"
  276.                                                      aria-labelledby="service-one-tab">
  277.                                                     <ul class="site_tabs-list">
  278.                                                         <li>
  279.                                                             <a href="{{ path('citroen_service_online-booking') }}">{{ 'seo.service.order_to'|trans({}, 'dc_citroen') }}</a>
  280.                                                         </li>
  282.                                                         <li>
  283.                                                             <a href="{{ path('citroen_service_fixed_сost_to') }}">{{ 'seo.service.to_za_fiksovanoyu_vartistyu'|trans({}, 'dc_citroen') }}</a>
  284.                                                         </li>
  286.                                                         <li>
  287.                                                             <a href="{{ path('citroen_service_regulations_to') }}">Регламент
  288.                                                                 ТО</a>
  289.                                                         </li>
  291.                                                         <li>
  292.                                                             <a href="{{ path('citroen_service_warranty') }}">{{ 'seo.warranty.title'|trans({}, 'dc_citroen') }}</a>
  293.                                                         </li>
  295.                                                         <li>
  296.                                                             <a href="{{ path('citroen_service_body_repair') }}">{{ 'seo.body_repair.title'|trans({}, 'dc_citroen') }}</a>
  297.                                                         </li>
  298.                                                         <li>
  299.                                                             <a href="{{ path('citroen_service_tires_hotel') }}">{{ 'seo.tires_hotel.title'|trans({}, 'dc_citroen') }}</a>
  300.                                                         </li>
  301.                                                         <li>
  302.                                                             <a href="{{ path('citroen_service_painting_tires') }}">{{ 'seo.paintin_tires.title'|trans({}, 'dc_citroen') }}</a>
  303.                                                         </li>
  305.                                                         <li>
  306.                                                             <a href="{{ path('citroen_service_washing_cleaning') }}">{{ 'seo.cleaning.h1'|trans({}, 'dc_citroen') }}</a>
  307.                                                         </li>
  308.                                                         {# new #}
  309.                                                         <li>
  310.                                                             <a href="{{ path('citroen_service_citroen_instructions') }}">{{ 'front_page.instruction'|trans({}, 'dc_citroen') }}</a>
  311.                                                         </li>
  312.                                                     </ul>
  313.                                                 </div>
  314.                                                 <div class="tab-pane fade" id="service-two" role="tabpanel"
  315.                                                      aria-labelledby="service-two-tab">
  316.                                                     <ul class="site_tabs-list">
  317.                                                         <li>
  318.                                                             <a href="{{ path('citroen_service_parts') }}">{{ 'seo.parts.title'|trans({}, 'dc_citroen') }}</a>
  319.                                                         </li>
  320.                                                         <li>
  321.                                                             <a href="{{ path('citroen_service_accessory_catalog') }}">{{ 'seo.accessories.title'|trans({}, 'dc_citroen') }}</a>
  322.                                                         </li>
  323.                                                     </ul>
  324.                                                 </div>
  325.                                                 <div class="tab-pane fade" id="service-three" role="tabpanel"
  326.                                                      aria-labelledby="service-three-tab">
  327.                                                     <ul class="site_tabs-list">
  328.                                                         <li>
  329.                                                             <a href="{{ path('citroen_stocks') }}">{{ 'seo.service_stocks'|trans({}, 'dc_citroen') }}</a>
  330.                                                         </li>
  331.                                                     </ul>
  332.                                                 </div>
  334.                                                 <div class="tab-pane fade" id="service-four" role="tabpanel"
  335.                                                      aria-labelledby="service-four-tab">
  336.                                                     <ul class="site_tabs-list">
  337.                                                         <li>
  338.                                                             <a href="{{ path('citroen_service_extended_warranty_to') }}">{{ 'extended_warranty.title_three'|trans({}, 'dc_citroen') }}</a>
  339.                                                         </li>
  340.                                                         <li>
  341.                                                             <a href="{{ path('citroen_service_extended_warranty_replacement_parts') }}">{{ 'extended_warranty.title_two'|trans({}, 'dc_citroen') }}</a>
  342.                                                         </li>
  343.                                                         <li>
  344.                                                             <a href="{{ path('citroen_service_extended_warranty') }}">{{ 'extended_warranty.title_one'|trans({}, 'dc_citroen') }}</a>
  345.                                                         </li>
  346.                                                         <li>
  347.                                                             <a href="{{ path('citroen_service_extended_warranty_citroen') }}">{{ 'full_warranty.title'|trans({}, 'dc_citroen') }}</a>
  348.                                                         </li>
  349.                                                     </ul>
  350.                                                 </div>
  351.                                                 <div class="tab-pane fade" id="service-five" role="tabpanel"
  352.                                                      aria-labelledby="service-five-tab">
  353.                                                     <ul class="site_tabs-list">
  354.                                                         <li>
  355.                                                             <a href="{{ path('citroen_service_modernization_campaigns') }}">{{ 'seo.modernization.h1'|trans({}, 'dc_citroen') }}</a>
  356.                                                         </li>
  357.                                                     </ul>
  358.                                                 </div>
  359.                                             </div>
  360.                                         </div>
  361.                                     </div>
  362.                                 </div>
  363.                             </div>
  364.                         </li>
  365.                         <li class="dropdown-divider"></li>
  367.                         {# >>>>>>>>  Услуги  <<<<<<<< #}
  368.                         <li class="nav-item dropdown">
  369.                             <a id="dropServices" href="#" data-toggle="dropdown" aria-haspopup="true"
  370.                                aria-expanded="false"
  371.                                class="nav-link nav-link-menu dropdown-toggle">{{ 'seo.services'|trans({}, 'dc_citroen') }}</a>
  372.                             <div aria-labelledby="dropServices"
  373.                                  class="dropdown-menu dropdown-menu-open dropdown-menu-tabs">
  374.                                 <div class="container">
  375.                                     <div class="row">
  376.                                         <div class="col-md-3">
  377.                                             <ul class="nav nav-tabs site_tabs" id="myTabService" role="tablist">
  378.                                                 <li class="nav-item">
  379.                                                     <a class="nav-link active" id="services-one-tab" data-toggle="tab"
  380.                                                        href="#services-one" role="tab" aria-controls="services-one"
  381.                                                        aria-selected="true">{{ 'seo.header_finance'|trans({}, 'dc_citroen') }}</a>
  382.                                                 </li>
  383.                                                 <li class="nav-item">
  384.                                                     <a class="nav-link" id="services-three-tab" data-toggle="tab"
  385.                                                        href="#services-three" role="tab" aria-controls="services-three"
  386.                                                        aria-selected="false">{{ 'seo.header_additional'|trans({}, 'dc_citroen') }}</a>
  387.                                                 </li>
  388.                                             </ul>
  389.                                         </div>
  390.                                         <div class="col-md-9">
  391.                                             <div class="tab-content" id="myTabServiceContent">
  392.                                                 <div class="tab-pane fade show active" id="services-one" role="tabpanel"
  393.                                                      aria-labelledby="services-one-tab">
  394.                                                     <ul class="site_tabs-list">
  395.                                                         <li>
  396.                                                             <a href="{{ path('citroen_finance_credit') }}">{{ 'seo.credit.title'|trans({}, 'dc_citroen') }}</a>
  397.                                                         </li>
  398.                                                         <li>
  399.                                                             <a href="{{ path('citroen_finance_leasing') }}">{{ 'seo.leasing.title'|trans({}, 'dc_citroen') }}</a>
  400.                                                         </li>
  401.                                                         <li>
  402.                                                             <a href="{{ path('citroen_finance_insurance') }}">{{ 'seo.insurance.title'|trans({}, 'dc_citroen') }}</a>
  403.                                                         </li>
  404.                                                         <li>
  405.                                                             <a href="{{ path('citroen_finance_trade_in') }}">{{ 'seo.tradein.title'|trans({}, 'dc_citroen') }}</a>
  406.                                                         </li>
  407.                                                     </ul>
  408.                                                 </div>
  410.                                                 <div class="tab-pane fade" id="services-three" role="tabpanel"
  411.                                                      aria-labelledby="services-three-tab">
  412.                                                     <ul class="site_tabs-list">
  413.                                                         <li>
  414.                                                             <a href="{{ path('citroen_finance_assistance') }}">CITROËN
  415.                                                                 Assistance</a>
  416.                                                         </li>
  417.                                                         {#                                                        <li> #}
  418.                                                         {#                                                            <a href="{{ path('citroen_finance_airport') }}">{{ 'seo.airport.title'|trans({}, 'dc_citroen') }}</a> #}
  419.                                                         {#                                                        </li> #}
  421.                                                     </ul>
  422.                                                 </div>
  423.                                             </div>
  424.                                         </div>
  425.                                     </div>
  426.                                 </div>
  427.                             </div>
  428.                         </li>
  429.                         <li class="dropdown-divider"></li>
  431.                         {# >>>>>>>>  Корпоративным клиентам  <<<<<<<< #}
  433. {#                        <li class="nav-item">#}
  434. {#                            <a href="{{ path('citroen_for_bussines') }}"#}
  435. {#                               class="nav-link">Citroёn {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a>#}
  436. {#                        </li>#}
  437.                         <li class="dropdown-divider"></li>
  439.                                                 <li class="nav-item dropdown">
  440.                                                     <a id="dropServices" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link nav-link-menu dropdown-toggle">Citroёn {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a>
  441.                                                     <div aria-labelledby="dropServices" class="dropdown-menu dropdown-menu-open dropdown-menu-tabs">
  442.                                                         <div class="container">
  443.                                                             <div class="row">
  444.                                                                 <div class="col-md-3">
  445.                                                                     <ul class="nav nav-tabs site_tabs" id="myTabCorporate" role="tablist">
  446.                                                                         <li class="nav-item">
  447.                                                                             <a class="nav-link active" id="services-two-tab" data-toggle="tab" href="#services-two" role="tab" aria-controls="services-two" aria-selected="true">Citroёn {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a>
  448.                                                                         </li>
  449.                                                                     </ul>
  450.                                                                 </div>
  451.                                                                 <div class="col-md-9">
  452.                                                                     <div class="tab-content" id="myTabCorporateContent">
  453.                                                                         <div class="tab-pane fade show active" id="services-two" role="tabpanel" aria-labelledby="services-two-tab">
  454.                                                                             <ul class="site_tabs-list">
  455.                                                                                 <li>
  456.                                                                                     <a href="{{ path('citroen_for_bussines') }}">Citroen {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a>
  457.                                                                                 </li>
  458.                                                                                 <li>
  459.                                                                                     <a href="{{ path('citroen_finance_conversion_program') }}">{{ 'seo.conversoin.title'|trans({}, 'dc_citroen') }}</a>
  460.                                                                                 </li>
  461.                                                                                 <li>
  462.                                                                                     <a href="{{ path('citroen_finance_fleet_management') }}">{{ 'seo.fleet_managment.title'|trans({}, 'dc_citroen') }}</a>
  463.                                                                                 </li>
  464.                                                                                 <li>
  465.                                                                                     <a href="{{ path('citroen_finance_buy_back') }}">{{ 'seo.buy_back.title_2'|trans({}, 'dc_citroen') }}</a>
  466.                                                                                 </li>
  467.                                                                                 <li>
  468.                                                                                     <a href="{{ path('citroen_finance_program_for_employees') }}">{{ 'seo.partners_program.title'|trans({}, 'dc_citroen') }}</a>
  469.                                                                                 </li>
  470.                                                                                 <li>
  471.                                                                                     <a href="{{ path('citroen_model_catalog_category' , { category: 'komertsijni-avto' }) }}">{{ 'pages.footer.commercial_car'|trans({}, 'dc_base') }} Citroen</a>
  472.                                                                                 </li>
  473.                                                                             </ul>
  474.                                                                         </div>
  476.                                                                     </div>
  477.                                                                 </div>
  478.                                                             </div>
  479.                                                         </div>
  480.                                                     </div>
  481.                                                 </li>
  482.                                                 <li class="dropdown-divider"></li>
  484.                         {# >>>>>>>>  Акции  <<<<<<<< #}
  485.                         <li class="nav-item">
  486.                             <a href="{{ path('citroen_stocks') }}"
  487.                                class="nav-link">{{ 'seo.stocks_title'|trans({}, 'dc_citroen') }}</a>
  488.                         </li>
  489.                         <li class="dropdown-divider"></li>
  491.                         {# >>>>>>>>  Про компанию  <<<<<<<< #}
  492.                         <li class="nav-item dropdown">
  493.                             <a id="dropAbout" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
  494.                                class="nav-link nav-link-menu dropdown-toggle">{{ 'seo.header_about_company'|trans({}, 'dc_citroen') }}</a>
  495.                             <div aria-labelledby="dropAbout" class="dropdown-menu dropdown-menu-open">
  496.                                 <div class="container">
  497.                                     <div class="row">
  498.                                         <div class="col-md-12">
  499.                                             <ul class="site_tabs-list">
  500.                                                 <li class="nav-item">
  501.                                                     <a href="{{ path('citroen_about_company') }}">{{ 'seo.about_company.title'|trans({}, 'dc_citroen') }}</a>
  502.                                                 </li>
  503.                                                 <li class="nav-item">
  504.                                                     <a href="{{ path('citroen_about_news') }}">{{ 'seo.news.title'|trans({}, 'dc_citroen') }}</a>
  505.                                                 </li>
  506.                                                 <li class="nav-item">
  507.                                                     <a href="{{ path('citroen_about_contacts') }}">{{ 'seo.contacts.title'|trans({}, 'dc_citroen') }}</a>
  508.                                                 </li>
  509.                                                 <li class="nav-item">
  510.                                                     <a href="{{ path('citroen_about_staff') }}">{{ 'seo.staff.title'|trans({}, 'dc_citroen') }}</a>
  511.                                                 </li>
  512.                                                 <li class="nav-item">
  513.                                                     <a href="{{ path('citroen_about_vacancy') }}">{{ 'seo.vacancy.title'|trans({}, 'dc_citroen') }}</a>
  514.                                                 </li>
  515.                                                 <li class="nav-item">
  516.                                                     <a href="{{ path('citroen_about_quality_policy') }}">{{ 'seo.quality_policy.title'|trans({}, 'dc_citroen') }}</a>
  517.                                                 </li>
  518.                                             </ul>
  519.                                         </div>
  520.                                     </div>
  521.                                 </div>
  522.                             </div>
  523.                         </li>
  524.                     </ul>
  525.                 </div>
  527.                 <a href="tel:{{ dealer.phone }}" class="header__phone-mob d-lg-none">
  528.                     <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  529.                         <path d="M16.5001 12.6901V14.9401C16.5009 15.1489 16.4581 15.3557 16.3745 15.5471C16.2908 15.7385 16.168 15.9103 16.0141 16.0515C15.8602 16.1927 15.6785 16.3002 15.4806 16.3671C15.2828 16.434 15.0731 16.4589 14.8651 16.4401C12.5572 16.1893 10.3403 15.4007 8.39257 14.1376C6.58044 12.9861 5.04407 11.4497 3.89257 9.63757C2.62506 7.68098 1.83625 5.45332 1.59007 3.13507C1.57133 2.92767 1.59598 2.71864 1.66245 2.52129C1.72892 2.32394 1.83575 2.14259 1.97615 1.98879C2.11654 1.83499 2.28743 1.7121 2.47791 1.62796C2.6684 1.54382 2.87433 1.50027 3.08257 1.50007H5.33257C5.69655 1.49649 6.04942 1.62538 6.32539 1.86272C6.60137 2.10006 6.78163 2.42966 6.83257 2.79007C6.92754 3.51012 7.10366 4.21712 7.35757 4.89757C7.45848 5.16602 7.48032 5.45776 7.4205 5.73823C7.36068 6.01871 7.22172 6.27616 7.02007 6.48007L6.06757 7.43257C7.13524 9.31023 8.68991 10.8649 10.5676 11.9326L11.5201 10.9801C11.724 10.7784 11.9814 10.6395 12.2619 10.5796C12.5424 10.5198 12.8341 10.5417 13.1026 10.6426C13.783 10.8965 14.49 11.0726 15.2101 11.1676C15.5744 11.219 15.9071 11.4025 16.145 11.6832C16.3828 11.9639 16.5092 12.3223 16.5001 12.6901Z"
  530.                               stroke="#282830" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  531.                     </svg>
  532.                     <span>{{ dealer.phone }}</span>
  533.                 </a>
  535.                 <button class="d-block d-lg-none order-md-4 navbar-toggler collapsed" aria-label="Toggle navigation" aria-bs-label="Toggle navigation">
  536.                     <span class="navbar-toggler-icon"></span>
  537.                 </button>
  538.             </div>
  539.         </div>
  540.     </div>
  541. </header>