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

Open in your IDE?
  1. {# Тимчасово поки повністю не переведемо сайт на вебпак #}
  2. {% block script %}
  3.     <script src="/bundles/core/js/outdated-version-bs/jquery-3.5.1.js"></script>
  4.     <script src="/bundles/core/js/outdated-version-bs/bootstrap-4.6.2.js"></script>
  5. {% endblock script %}
  7. <header class="header">
  8.     <div class="header-top">
  9.         <div class="container">
  10.             <div class="row row-flex-end custom__header__p">
  11.                 <div class="social__wrapper">
  12.                      <span class="header-route">
  13.                         <svg width="18" height="18" viewBox="0 0 18 18" fill="#E96334"
  14.                              xmlns="http://www.w3.org/2000/svg">
  15.                             <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"
  16.                                   stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  17.                             <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"
  18.                                   stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  19.                         </svg>
  20.                         {{ 'base.address'|trans({}, 'dc_citroen') }}
  21.                     </span>
  22.                     <a href="tel:{{ dealer.phone }}" class="header__phone-mob">
  23.                         <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
  24.                              xmlns="http://www.w3.org/2000/svg">
  25.                             <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"
  26.                                   stroke="#282830" stroke-width="1.5" stroke-linecap="round"
  27.                                   stroke-linejoin="round"></path>
  28.                         </svg>
  29.                         <span>{{ dealer.phone }}</span>
  30.                     </a>
  31.                 </div>
  33.                 <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">
  34.                     {% if app.request.getLocale() == 'ru' %}
  35.                     <ul class="header-lang list-inline mb-0">
  36.                         {% for locale in allowed_locales %}
  37.                             {% if locale != app.request.getLocale() %}
  38.                                 <li class="active">
  39.                                     <a href="{{ absolute_url(
  40.                                         path(
  41.                                             app.request.attributes.get('_route'),
  42.                                             app.request.attributes.get('_route_params')|merge({'_locale': locale})
  43.                                         )
  44.                                     ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}"
  45.                                        title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})"
  46.                                        class="lang active"><span> {{ ('site.locale.'~locale)|trans({},'dc_base') }}</span></a>
  47.                                 </li>
  48.                             {% else %}
  49.                                 <li class="">
  50.                                     <a hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}"
  51.                                        title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})"
  52.                                        class="lang"><span>{{ ('site.locale.'~locale)|trans({},'dc_base') }}</span></a>
  53.                                 </li>
  54.                             {% endif %}
  55.                         {% endfor %}
  56.                     </ul>
  57.                     {% endif %}
  59.                     <div class="site_btn-enter" id="enterBtn" style="display: inline-block">
  60.                         <div class="d-inline-block">
  61.                             {% if app.user %}
  62.                                 <a class="site_btn-enter-btn --loggedin" target="_blank"
  63.                                    href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  64.                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
  65.                                          xmlns="http://www.w3.org/2000/svg">
  66.                                         <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"
  67.                                               stroke="currentColor" stroke-width="2" stroke-linecap="round"
  68.                                               stroke-linejoin="round"/>
  69.                                         <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"
  70.                                               stroke="currentColor" stroke-width="2" stroke-linecap="round"
  71.                                               stroke-linejoin="round"/>
  72.                                     </svg>
  73.                                     <span class="header_icon-title">{{ app.user.name }}</span>
  74.                                 </a>
  75.                             {% else %}
  76.                                 <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  77.                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
  78.                                          xmlns="http://www.w3.org/2000/svg">
  79.                                         <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"
  80.                                               stroke="#837F7F" stroke-width="2" stroke-linecap="round"
  81.                                               stroke-linejoin="round"/>
  82.                                         <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"
  83.                                               stroke="#837F7F" stroke-width="2" stroke-linecap="round"
  84.                                               stroke-linejoin="round"/>
  85.                                     </svg>
  86.                                     <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }}</span>
  87.                                 </a>
  88.                             {% endif %}
  89.                         </div>
  91.                         <div class="d-inline-block">
  92.                             {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('citroen_basket') } %}
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.             </div>
  97.         </div>
  98.     </div>
  99.     <div class="header-bottom-logo">
  100.         <div class="container">
  101.             <div class="row align-items-center">
  102.                 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
  104.                     <div class="header_logo">
  105.                         <a href="{{ path('citroen_homepage') }}" class="header-logo" alt="{{ dealer }} logo">
  106.                             <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
  107.                                   viewBox="0 0 512.000000 512.000000"
  108.                                  preserveAspectRatio="xMidYMid meet">
  110.                                 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
  111.                                    fill="#000000" stroke="none">
  112.                                     <path d="M2380 4135 c-534 -97 -955 -587 -1077 -1255 -25 -134 -25 -506 0
  113.                                                 -640 137 -750 652 -1270 1257 -1270 605 0 1120 520 1257 1270 25 134 25 506 0
  114.                                                 640 -123 673 -545 1161 -1085 1255 -103 18 -251 18 -352 0z m370 -160 c305
  115.                                                 -62 592 -308 765 -654 87 -174 146 -389 164 -593 5 -56 7 -104 6 -106 -2 -2
  116.                                                 -255 184 -564 413 l-561 416 -561 -416 c-309 -229 -563 -415 -564 -413 -2 2 1
  117.                                                 51 6 108 55 584 393 1076 836 1219 160 52 310 60 473 26z m360 -1308 l545
  118.                                                 -403 -3 -35 c-2 -19 -12 -74 -24 -122 -14 -63 -24 -87 -33 -83 -7 2 -241 174
  119.                                                 -519 380 -279 207 -511 376 -516 376 -5 0 -237 -169 -516 -376 -279 -207 -513
  120.                                                 -378 -519 -381 -13 -4 -50 130 -57 206 l-3 35 545 403 c299 222 547 403 550
  121.                                                 403 3 0 251 -181 550 -403z m-88 -593 c249 -184 452 -342 452 -349 -3 -27
  122.                                                 -115 -183 -188 -262 -116 -124 -247 -216 -391 -274 -111 -44 -205 -61 -335
  123.                                                 -61 -130 0 -224 17 -335 61 -144 58 -275 150 -391 274 -73 79 -185 235 -188
  124.                                                 262 -1 14 888 682 911 684 6 1 216 -150 465 -335z"/>
  125.                                 </g>
  126.                             </svg>
  127.                         </a>
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.         </div>
  135.     </div>
  137.     <div class="header-bottom header-bottom-menu">
  138.         <div class="container">
  139.             <div class="row justify-content-end justify-content-lg-between align-items-center header-bottom-row">
  140.                 <a class="header__bottom__logo" href="{{ path('citroen_homepage') }}">{{ 'base.dealer'|trans({}, 'dc_citroen') }}</a>
  141.                 <div id="mainNav" class="col-sm-12 col-md-12 col-lg-12 col-xl-10 collapse navbar-mob"
  142.                      style="position: inherit;">
  143.                     <ul class="nav nav-pills nav-fill nav-custom-center">
  146.                         {# >>>>>>>>  Автомобили в наличии  <<<<<<<< #}
  147.                         <li class="nav-item">
  148.                             <a href="{{ path('citroen_car_stock') }}"
  149.                                class="nav-link nav-link-menu">{{ 'seo.car_in_stocks'|trans({}, 'dc_citroen') }}</a>
  150.                         </li>
  151.                         <li class="dropdown-divider"></li>
  153.                         {# >>>>>>>>  Авто с пробегом  <<<<<<<< #}
  154.                         <li class="nav-item dropdown">
  155.                             <a id="dropAbout" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
  156.                                class="nav-link nav-link-menu dropdown-toggle">{{ 'seo.used_car.title'|trans({}, 'dc_citroen') }}</a>
  157.                             <div aria-labelledby="dropAbout" class="dropdown-menu dropdown-menu-open">
  158.                                 <div class="container">
  159.                                     <div class="row">
  160.                                         <div class="col-md-12">
  161.                                             <ul class="site_tabs-list">
  162.                                                 <li class="nav-item">
  163.                                                     <a href="{{ path('citroen_used_car_catalog') }}">{{ 'seo.used_car.sub_title'|trans({}, 'dc_citroen') }}</a>
  164.                                                 </li>
  165.                                                 <li class="nav-item">
  166.                                                     <a href="{{ path('citroen_select_page') }}">{{ 'seo.vidi_select.title'|trans({}, 'dc_citroen') }}</a>
  167.                                                 </li>
  168.                                                 <li class="nav-item">
  169.                                                     <a href="{{ path('citroen_finance_trade_in') }}">{{ 'seo.used_car.trade_in'|trans({}, 'dc_citroen') }}</a>
  170.                                                 </li>
  171.                                             </ul>
  172.                                         </div>
  173.                                     </div>
  174.                                 </div>
  175.                             </div>
  176.                         </li>
  177.                         <li class="dropdown-divider"></li>
  179.                         {# >>>>>>>>  Автомобили  <<<<<<<< #}
  180.                         <li class="nav-item dropdown">
  181.                             <a href="#" class="nav-link dropdown-toggle nav-link-menu" id="navCars" role="button"
  182.                                data-toggle="dropdown" aria-haspopup="true"
  183.                                aria-expanded="false">{{ 'seo.model_lineup.title'|trans({}, 'dc_citroen') }}</a>
  184.                             <div class="col-12 dropdown-menu car-model-dropdown-menu" aria-labelledby="navCars">
  185.                                 <div class="container" id="car-menu">
  186.                                     <div class="row" id="auto-dropdown">
  187.                                         <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3">
  188.                                             <ul class="nav nav-tabs site_tabs" id="myTabCar" role="tablist">
  189.                                                 <li class="nav-item" v-for="group, key in groups">
  190.                                                     <a class="nav-link" :class="key == 0 ? 'active' : ''"
  191.                                                        :id="'car-tab-'+group.id" data-toggle="tab"
  192.                                                        :href="'#car-'+group.id" role="tab" aria-controls="car-one"
  193.                                                        aria-selected="true" v-html="group.title"></a>
  194.                                                 </li>
  195.                                             </ul>
  196.                                         </div>
  197.                                         <div class="col-sm-12 col-md-12 col-lg-9 col-xl-9">
  198.                                             <div class="tab-content" id="myTabCarContent">
  199.                                                 <div class="tab-pane fade" :class="key ==0 ? 'show active' : ''"
  200.                                                      v-for="group, key in groups" :id="'car-'+group.id" role="tabpanel"
  201.                                                      aria-labelledby="'car-tab-'+group.id">
  202.                                                     <div class="row">
  203.                                                         <div class="col-md-4" v-for="car in group.cars">
  204.                                                             <div class="model__card">
  205.                                                                 <a :href="car.url" class="model__card-img">
  206.                                                                     <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>
  207.                                                                     <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>
  208.                                                                     <picture :alt="car.customTitle">
  209.                                                                         <source :srcset="car.image_webp" type="image/webp">
  210.                                                                         <source :srcset="car.image">
  211.                                                                         <img :src="car.image" :alt="car.customTitle">
  212.                                                                     </picture>
  213.                                                                 </a>
  214.                                                                 <a :href="car.url" class="model__card-title">
  215.                                                                     <span v-if="car.isPreOrder">{{ 'pages.car.is_pre_order'|trans({},'dc_base') }} </span>
  216.                                                                     <span v-else-if="car.isNew">{{ 'pages.car.is_new'|trans({},'dc_base') }} </span>
  217.                                                                     <span v-html="car.customTitle"></span>
  218.                                                                 </a>
  219.                                                                 <div class="model__card-price" v-if="car.price > 0">
  220.                                                                     {{ 'base.from'|trans({}, 'dc_citroen') }} <span
  221.                                                                             v-html="car.price.toLocaleString()+' грн'"></span>
  222.                                                                 </div>
  223.                                                                 <div class="model__card-price" v-else>
  224.                                                                     <span>{{ 'pages.base.specify_the_price'|trans({},'dc_toyota') }}</span>
  225.                                                                 </div>
  226.                                                                 <a :href="car.configuratorUrl"
  227.                                                                    class="btn btn-secondary w-100">{{ 'base.config'|trans({}, 'dc_citroen') }}</a>
  228.                                                             </div>
  229.                                                         </div>
  230.                                                     </div>
  231.                                                 </div>
  232.                                             </div>
  233.                                         </div>
  234.                                     </div>
  235.                                 </div>
  236.                             </div>
  237.                         </li>
  238.                         <li class="dropdown-divider"></li>
  240.                         {# >>>>>>>>  Сервис  <<<<<<<< #}
  241.                         <li class="nav-item dropdown">
  242.                             <a id="dropService" href="#" class="nav-link nav-link-menu dropdown-toggle" role="button"
  243.                                data-toggle="dropdown" aria-haspopup="true"
  244.                                aria-expanded="false">{{ 'seo.service.title'|trans({}, 'dc_citroen') }}</a>
  245.                             <div aria-labelledby="dropService"
  246.                                  class="dropdown-menu dropdown-menu-open dropdown-menu-tabs">
  247.                                 <div class="container">
  248.                                     <div class="row">
  249.                                         <div class="col-md-3">
  250.                                             <ul class="nav nav-tabs site_tabs" id="myTabService" role="tablist">
  251.                                                 <li class="nav-item">
  252.                                                     <a class="nav-link active" id="service-one-tab" data-toggle="tab"
  253.                                                        href="#service-one" role="tab" aria-controls="service-one"
  254.                                                        aria-selected="true">{{ 'seo.header_service_repair'|trans({}, 'dc_citroen') }}</a>
  255.                                                 </li>
  256.                                                 <li class="nav-item">
  257.                                                     <a class="nav-link" id="service-two-tab" data-toggle="tab"
  258.                                                        href="#service-two" role="tab" aria-controls="service-two"
  259.                                                        aria-selected="false">{{ 'seo.header_service_parts'|trans({}, 'dc_citroen') }}</a>
  260.                                                 </li>
  261.                                                 <li class="nav-item">
  262.                                                     <a class="nav-link" id="service-three-tab" data-toggle="tab"
  263.                                                        href="#service-three" role="tab" aria-controls="service-three"
  264.                                                        aria-selected="false">{{ 'seo.header_service_propositions'|trans({}, 'dc_citroen') }}</a>
  265.                                                 </li>
  267.                                                 <li class="nav-item">
  268.                                                     <a class="nav-link" id="service-four-tab" data-toggle="tab"
  269.                                                        href="#service-four" role="tab" aria-controls="service-four"
  270.                                                        aria-selected="false">{{ 'extended_warranty.service_menu_title'|trans({}, 'dc_citroen') }}</a>
  271.                                                 </li>
  272.                                                 <li class="nav-item">
  273.                                                     <a class="nav-link" id="service-five-tab" data-toggle="tab"
  274.                                                        href="#service-five" role="tab" aria-controls="service-five"
  275.                                                        aria-selected="false">{{ 'modernization.menu_title'|trans({}, 'dc_citroen') }}</a>
  276.                                                 </li>
  277.                                             </ul>
  278.                                         </div>
  279.                                         <div class="col-md-9">
  280.                                             <div class="tab-content" id="myTabServiceContent">
  281.                                                 <div class="tab-pane fade show active" id="service-one" role="tabpanel"
  282.                                                      aria-labelledby="service-one-tab">
  283.                                                     <ul class="site_tabs-list">
  284.                                                         <li>
  285.                                                             <a href="{{ path('citroen_service_online-booking') }}">{{ 'seo.service.order_to'|trans({}, 'dc_citroen') }}</a>
  286.                                                         </li>
  288.                                                         <li>
  289.                                                             <a href="{{ path('citroen_service_fixed_сost_to') }}">{{ 'seo.service.to_za_fiksovanoyu_vartistyu'|trans({}, 'dc_citroen') }}</a>
  290.                                                         </li>
  292.                                                         <li>
  293.                                                             <a href="{{ path('citroen_service_regulations_to') }}">Регламент
  294.                                                                 ТО</a>
  295.                                                         </li>
  297.                                                         <li>
  298.                                                             <a href="{{ path('citroen_service_warranty') }}">{{ 'seo.warranty.title'|trans({}, 'dc_citroen') }}</a>
  299.                                                         </li>
  301.                                                         <li>
  302.                                                             <a href="{{ path('citroen_service_body_repair') }}">{{ 'seo.body_repair.title'|trans({}, 'dc_citroen') }}</a>
  303.                                                         </li>
  304.                                                         <li>
  305.                                                             <a href="{{ path('citroen_service_tires_hotel') }}">{{ 'seo.tires_hotel.title'|trans({}, 'dc_citroen') }}</a>
  306.                                                         </li>
  307.                                                         <li>
  308.                                                             <a href="{{ path('citroen_service_painting_tires') }}">{{ 'seo.paintin_tires.title'|trans({}, 'dc_citroen') }}</a>
  309.                                                         </li>
  311.                                                         <li>
  312.                                                             <a href="{{ path('citroen_service_washing_cleaning') }}">{{ 'seo.cleaning.h1'|trans({}, 'dc_citroen') }}</a>
  313.                                                         </li>
  314.                                                         {# new #}
  315.                                                         <li>
  316.                                                             <a href="{{ path('citroen_service_citroen_instructions') }}">{{ 'front_page.instruction'|trans({}, 'dc_citroen') }}</a>
  317.                                                         </li>
  318.                                                     </ul>
  319.                                                 </div>
  320.                                                 <div class="tab-pane fade" id="service-two" role="tabpanel"
  321.                                                      aria-labelledby="service-two-tab">
  322.                                                     <ul class="site_tabs-list">
  323.                                                         <li>
  324.                                                             <a href="{{ path('citroen_service_parts') }}">{{ 'seo.parts.title'|trans({}, 'dc_citroen') }}</a>
  325.                                                         </li>
  326.                                                         <li>
  327.                                                             <a href="{{ path('citroen_service_accessory_catalog') }}">{{ 'seo.accessories.title'|trans({}, 'dc_citroen') }}</a>
  328.                                                         </li>
  329.                                                     </ul>
  330.                                                 </div>
  331.                                                 <div class="tab-pane fade" id="service-three" role="tabpanel"
  332.                                                      aria-labelledby="service-three-tab">
  333.                                                     <ul class="site_tabs-list">
  334.                                                         <li>
  335.                                                             <a href="{{ path('citroen_stocks') }}">{{ 'seo.service_stocks'|trans({}, 'dc_citroen') }}</a>
  336.                                                         </li>
  337.                                                     </ul>
  338.                                                 </div>
  340.                                                 <div class="tab-pane fade" id="service-four" role="tabpanel"
  341.                                                      aria-labelledby="service-four-tab">
  342.                                                     <ul class="site_tabs-list">
  343.                                                         <li>
  344.                                                             <a href="{{ path('citroen_service_extended_warranty_to') }}">{{ 'extended_warranty.title_three'|trans({}, 'dc_citroen') }}</a>
  345.                                                         </li>
  346.                                                         <li>
  347.                                                             <a href="{{ path('citroen_service_extended_warranty_replacement_parts') }}">{{ 'extended_warranty.title_two'|trans({}, 'dc_citroen') }}</a>
  348.                                                         </li>
  349.                                                         <li>
  350.                                                             <a href="{{ path('citroen_service_extended_warranty') }}">{{ 'extended_warranty.title_one'|trans({}, 'dc_citroen') }}</a>
  351.                                                         </li>
  352.                                                         <li>
  353.                                                             <a href="{{ path('citroen_service_extended_warranty_citroen') }}">{{ 'full_warranty.title'|trans({}, 'dc_citroen') }}</a>
  354.                                                         </li>
  355.                                                     </ul>
  356.                                                 </div>
  357.                                                 <div class="tab-pane fade" id="service-five" role="tabpanel"
  358.                                                      aria-labelledby="service-five-tab">
  359.                                                     <ul class="site_tabs-list">
  360.                                                         <li>
  361.                                                             <a href="{{ path('citroen_service_modernization_campaigns') }}">{{ 'seo.modernization.h1'|trans({}, 'dc_citroen') }}</a>
  362.                                                         </li>
  363.                                                     </ul>
  364.                                                 </div>
  365.                                             </div>
  366.                                         </div>
  367.                                     </div>
  368.                                 </div>
  369.                             </div>
  370.                         </li>
  371.                         <li class="dropdown-divider"></li>
  373.                         {# >>>>>>>>  Услуги  <<<<<<<< #}
  374.                         <li class="nav-item dropdown">
  375.                             <a id="dropServices" href="#" data-toggle="dropdown" aria-haspopup="true"
  376.                                aria-expanded="false"
  377.                                class="nav-link nav-link-menu dropdown-toggle">{{ 'seo.services'|trans({}, 'dc_citroen') }}</a>
  378.                             <div aria-labelledby="dropServices"
  379.                                  class="dropdown-menu dropdown-menu-open dropdown-menu-tabs">
  380.                                 <div class="container">
  381.                                     <div class="row">
  382.                                         <div class="col-md-3">
  383.                                             <ul class="nav nav-tabs site_tabs" id="myTabService" role="tablist">
  384.                                                 <li class="nav-item">
  385.                                                     <a class="nav-link active" id="services-one-tab" data-toggle="tab"
  386.                                                        href="#services-one" role="tab" aria-controls="services-one"
  387.                                                        aria-selected="true">{{ 'seo.header_finance'|trans({}, 'dc_citroen') }}</a>
  388.                                                 </li>
  389.                                                 <li class="nav-item">
  390.                                                     <a class="nav-link" id="services-three-tab" data-toggle="tab"
  391.                                                        href="#services-three" role="tab" aria-controls="services-three"
  392.                                                        aria-selected="false">{{ 'seo.header_additional'|trans({}, 'dc_citroen') }}</a>
  393.                                                 </li>
  394.                                             </ul>
  395.                                         </div>
  396.                                         <div class="col-md-9">
  397.                                             <div class="tab-content" id="myTabServiceContent">
  398.                                                 <div class="tab-pane fade show active" id="services-one" role="tabpanel"
  399.                                                      aria-labelledby="services-one-tab">
  400.                                                     <ul class="site_tabs-list">
  401.                                                         <li>
  402.                                                             <a href="{{ path('citroen_finance_credit') }}">{{ 'seo.credit.title'|trans({}, 'dc_citroen') }}</a>
  403.                                                         </li>
  404.                                                         <li>
  405.                                                             <a href="{{ path('citroen_finance_leasing') }}">{{ 'seo.leasing.title'|trans({}, 'dc_citroen') }}</a>
  406.                                                         </li>
  407.                                                         <li>
  408.                                                             <a href="{{ path('citroen_finance_insurance') }}">{{ 'seo.insurance.title'|trans({}, 'dc_citroen') }}</a>
  409.                                                         </li>
  410.                                                         <li>
  411.                                                             <a href="{{ path('citroen_finance_trade_in') }}">{{ 'seo.tradein.title'|trans({}, 'dc_citroen') }}</a>
  412.                                                         </li>
  413.                                                     </ul>
  414.                                                 </div>
  416.                                                 <div class="tab-pane fade" id="services-three" role="tabpanel"
  417.                                                      aria-labelledby="services-three-tab">
  418.                                                     <ul class="site_tabs-list">
  419.                                                         <li>
  420.                                                             <a href="{{ path('citroen_finance_assistance') }}">CITROËN
  421.                                                                 Assistance</a>
  422.                                                         </li>
  423.                                                         {#                                                        <li> #}
  424.                                                         {#                                                            <a href="{{ path('citroen_finance_airport') }}">{{ 'seo.airport.title'|trans({}, 'dc_citroen') }}</a> #}
  425.                                                         {#                                                        </li> #}
  427.                                                     </ul>
  428.                                                 </div>
  429.                                             </div>
  430.                                         </div>
  431.                                     </div>
  432.                                 </div>
  433.                             </div>
  434.                         </li>
  435.                         <li class="dropdown-divider"></li>
  437.                         {# >>>>>>>>  Корпоративным клиентам  <<<<<<<< #}
  439. {#                        <li class="nav-item">#}
  440. {#                            <a href="{{ path('citroen_for_bussines') }}"#}
  441. {#                               class="nav-link">Citroёn {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a>#}
  442. {#                        </li>#}
  443.                         <li class="dropdown-divider"></li>
  445.                                                 <li class="nav-item dropdown">
  446.                                                     <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>
  447.                                                     <div aria-labelledby="dropServices" class="dropdown-menu dropdown-menu-open dropdown-menu-tabs">
  448.                                                         <div class="container">
  449.                                                             <div class="row">
  450.                                                                 <div class="col-md-3">
  451.                                                                     <ul class="nav nav-tabs site_tabs" id="myTabCorporate" role="tablist">
  452.                                                                         <li class="nav-item">
  453.                                                                             <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>
  454.                                                                         </li>
  455.                                                                     </ul>
  456.                                                                 </div>
  457.                                                                 <div class="col-md-9">
  458.                                                                     <div class="tab-content" id="myTabCorporateContent">
  459.                                                                         <div class="tab-pane fade show active" id="services-two" role="tabpanel" aria-labelledby="services-two-tab">
  460.                                                                             <ul class="site_tabs-list">
  461.                                                                                 <li>
  462.                                                                                     <a href="{{ path('citroen_for_bussines') }}">Citroen {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a>
  463.                                                                                 </li>
  464.                                                                                 <li>
  465.                                                                                     <a href="{{ path('citroen_finance_conversion_program') }}">{{ 'seo.conversoin.title'|trans({}, 'dc_citroen') }}</a>
  466.                                                                                 </li>
  467.                                                                                 <li>
  468.                                                                                     <a href="{{ path('citroen_finance_fleet_management') }}">{{ 'seo.fleet_managment.title'|trans({}, 'dc_citroen') }}</a>
  469.                                                                                 </li>
  470.                                                                                 <li>
  471.                                                                                     <a href="{{ path('citroen_finance_buy_back') }}">{{ 'seo.buy_back.title_2'|trans({}, 'dc_citroen') }}</a>
  472.                                                                                 </li>
  473.                                                                                 <li>
  474.                                                                                     <a href="{{ path('citroen_finance_program_for_employees') }}">{{ 'seo.partners_program.title'|trans({}, 'dc_citroen') }}</a>
  475.                                                                                 </li>
  476.                                                                                 <li>
  477.                                                                                     <a href="{{ path('citroen_model_catalog_category' , { category: 'komertsijni-avto' }) }}">{{ 'pages.footer.commercial_car'|trans({}, 'dc_base') }} Citroen</a>
  478.                                                                                 </li>
  479.                                                                             </ul>
  480.                                                                         </div>
  482.                                                                     </div>
  483.                                                                 </div>
  484.                                                             </div>
  485.                                                         </div>
  486.                                                     </div>
  487.                                                 </li>
  488.                                                 <li class="dropdown-divider"></li>
  490.                         {# >>>>>>>>  Акции  <<<<<<<< #}
  491.                         <li class="nav-item">
  492.                             <a href="{{ path('citroen_stocks') }}"
  493.                                class="nav-link">{{ 'seo.stocks_title'|trans({}, 'dc_citroen') }}</a>
  494.                         </li>
  495.                         <li class="dropdown-divider"></li>
  497.                         {# >>>>>>>>  Про компанию  <<<<<<<< #}
  498.                         <li class="nav-item dropdown">
  499.                             <a id="dropAbout" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
  500.                                class="nav-link nav-link-menu dropdown-toggle">{{ 'seo.header_about_company'|trans({}, 'dc_citroen') }}</a>
  501.                             <div aria-labelledby="dropAbout" class="dropdown-menu dropdown-menu-open">
  502.                                 <div class="container">
  503.                                     <div class="row">
  504.                                         <div class="col-md-12">
  505.                                             <ul class="site_tabs-list">
  506.                                                 <li class="nav-item">
  507.                                                     <a href="{{ path('citroen_about_company') }}">{{ 'seo.about_company.title'|trans({}, 'dc_citroen') }}</a>
  508.                                                 </li>
  509.                                                 <li class="nav-item">
  510.                                                     <a href="{{ path('citroen_about_news') }}">{{ 'seo.news.title'|trans({}, 'dc_citroen') }}</a>
  511.                                                 </li>
  512.                                                 <li class="nav-item">
  513.                                                     <a href="{{ path('citroen_about_contacts') }}">{{ 'seo.contacts.title'|trans({}, 'dc_citroen') }}</a>
  514.                                                 </li>
  515.                                                 <li class="nav-item">
  516.                                                     <a href="{{ path('citroen_about_staff') }}">{{ 'seo.staff.title'|trans({}, 'dc_citroen') }}</a>
  517.                                                 </li>
  518.                                                 <li class="nav-item">
  519.                                                     <a href="{{ path('citroen_about_vacancy') }}">{{ 'seo.vacancy.title'|trans({}, 'dc_citroen') }}</a>
  520.                                                 </li>
  521.                                                 <li class="nav-item">
  522.                                                     <a href="{{ path('citroen_about_quality_policy') }}">{{ 'seo.quality_policy.title'|trans({}, 'dc_citroen') }}</a>
  523.                                                 </li>
  524.                                             </ul>
  525.                                         </div>
  526.                                     </div>
  527.                                 </div>
  528.                             </div>
  529.                         </li>
  530.                     </ul>
  531.                 </div>
  533.                 <a href="tel:{{ dealer.phone }}" class="header__phone-mob d-lg-none">
  534.                     <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  535.                         <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"
  536.                               stroke="#282830" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  537.                     </svg>
  538.                     <span>{{ dealer.phone }}</span>
  539.                 </a>
  541.                 <button class="d-block d-lg-none order-md-4 navbar-toggler collapsed" aria-label="Toggle navigation" aria-bs-label="Toggle navigation">
  542.                     <span class="navbar-toggler-icon"></span>
  543.                 </button>
  544.             </div>
  545.         </div>
  546.     </div>
  547. </header>