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

Open in your IDE?
  1. <div class="header_top bg-dark" style="min-height: 41px">
  2.     <div class="container">
  3.         <div class="row">
  4.             <div class="col-md-12 header_top-wrap">
  5.                 <div class="header_top-left">
  6.                     <a class="header_top-contacts only-mobile" href="https://goo.gl/maps/AQEvPtYyAAGky8pf6" target="_blank">
  7.                           {{ 'base.address_mobile'|trans({}, 'dc_toyota') }}
  8.                     </a>
  9.                     <a class="header_top-contacts mobile-none" href="https://goo.gl/maps/AQEvPtYyAAGky8pf6" target="_blank">
  10.                         <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  11.                             <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"
  12.                                   stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  13.                             <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"
  14.                                   stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  15.                         </svg>
  16.                         {{ 'base.address'|trans({}, 'dc_toyota') }}
  17.                     </a>
  18.                     <a href="tel:{{ dealer.phone }}" class="header_top-contacts header_top-contacts-phone phone-none">
  19.                         <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  20.                             <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"
  21.                                   stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  22.                         </svg>
  23.                         <span>{{ dealer.phone }}</span>
  24.                     </a>
  25.                 </div>
  26.                 <div class="header_top-right">
  27.                     {% if not isSubdomainShop and app.request.getLocale() == 'ru'%}
  28.                         <div class="header_top-right-lang">
  29.                             {% for locale in allowed_locales %}
  30.                                 {% if locale != app.request.getLocale() %}
  31.                                     <a class="ico lang" href="{{ absolute_url(
  32.                                         path(
  33.                                             app.request.attributes.get('_route'),
  34.                                             app.request.attributes.get('_route_params')|merge({'_locale': locale})
  35.                                         )
  36.                                     ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}"
  37.                                        title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a>
  38.                                 {% endif %}
  39.                             {% endfor %}
  40.                         </div>
  41.                     {% endif %}
  42.                     <a href="tel:{{ dealer.phone }}" class="header_top-contacts header_top-contacts-phone">
  43.                         <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  44.                             <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"
  45.                                   stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  46.                         </svg>
  47.                         <span>{{ dealer.phone }}</span>
  48.                     </a>
  49.                     {#                    Авторизація вверху хедера! #}
  50.                     {% if app.user %}
  51.                         <a target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow"
  52.                            class="enter_btn mobile-none-reg --loggedin icon"><span>{{ app.user.name }}</span></a>
  53.                     {% else %}
  54.                         <a href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow"
  55.                            class="enter_btn mobile-none-reg icon"><span>{{ 'header.login'|trans({}, 'portal_base') }} {{ 'header.login_in_cab'|trans({}, 'portal_base') }}</span></a>
  56.                     {% endif %}
  58.                     {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('toyota_basket') } %}
  60.                 </div>
  61.             </div>
  62.         </div>
  63.     </div>
  64. </div>
  66. <header class="header sticky-top">
  68.     <div class="header_menu" style="min-height: 60px">
  69.         <div class="container">
  70.             <div class="row">
  72.                 <nav class="col-md-12 w-100 navbar navbar-expand-lg pb-0 pt-0">
  74.                     <a href="tel:{{ dealer.phone }}"
  75.                        class="header_top-contacts header_top-contacts-phone header_top-contacts-phone-menu dis-block mr-0">
  76.                         <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  77.                             <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"
  78.                                   stroke="#282830" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  79.                         </svg>
  80.                         <span>{{ dealer.phone }}</span>
  81.                     </a>
  83.                     <a class="navbar-brand logo-vidi" href="{{ path('toyota_homepage') }}">
  84.                         <img loading="eager"
  85.                              alt="VIDI"
  86.                              src="{{ asset('bundles/dcsite/img/logo-vidi-small.png') }}"
  87.                              style="visibility: visible;"
  88.                              width="140" height="40" />
  89.                     </a>
  90.                     <div class="navbar-collapse header__menu collapse" id="mainMenu">
  91.                         <ul class="navbar-nav" itemscope="" itemtype="">
  92.                             <div class="authorization__wrapper">
  93.                                 {% if app.user %}
  94.                                     <a target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow"
  95.                                        class="enter_btn-clack show-mobile --loggedin icon nav-item authorization-header dropdown-toggle pl-0"><span>{{ app.user.name }}</span></a>
  96.                                 {% else %}
  97.                                     <a href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow"
  98.                                        class="enter_btn-black show-mobile icon authorization-header nav-item dropdown-toggle pl-0"><span>{{ 'header.login'|trans({}, 'portal_base') }} {{ 'header.login_in_cab'|trans({}, 'portal_base') }}</span></a>
  99.                                 {% endif %}
  100.                                 {% if not isSubdomainShop and app.request.getLocale() == 'ru' %}
  101.                                 <div class="header_top-right-lang">
  102.                                     {% for locale in allowed_locales %}
  103.                                         {% if locale != app.request.getLocale() %}
  104.                                             <a class="ico lang lang-style" href="{{ absolute_url(
  105.                                                 path(
  106.                                                     app.request.attributes.get('_route'),
  107.                                                     app.request.attributes.get('_route_params')|merge({'_locale': locale})
  108.                                                 )
  109.                                             ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}"
  110.                                                title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a>
  111.                                         {% endif %}
  112.                                     {% endfor %}
  113.                                 </div>
  114.                                 {% endif %}
  115.                             </div>
  116.                             <div class="dropdown-divider"></div>
  117.                             <li class="nav-item dropdown">
  118.                                 <button class="nav-link dropdown-toggle pl-0" id="dropCars" data-toggle="dropdown"
  119.                                         aria-haspopup="true"
  120.                                         aria-expanded="false">{{ 'base.new_car'|trans({}, 'dc_toyota') }}</button>
  121.                                 <div class="dropdown-menu dropdown-menu-open dropCars-menu" aria-labelledby="dropCars">
  122.                                     <a class="dropdown-item" href="{{ path('toyota_car_catalog') }}">
  123.                                         <span>{{ 'base.cars'|trans({}, 'dc_toyota') }}</span>
  124.                                     </a>
  125.                                     <div class="dropdown-divider"></div>
  126.                                     <a class="dropdown-item" href="{{ path('toyota_in_stock_catalog') }}">
  127.                                         <span>{{ 'base.instock'|trans({}, 'dc_toyota') }}</span>
  128.                                     </a>
  129.                                     <div class="dropdown-divider"></div>
  130.                                     <a class="dropdown-item" href="{{ path('toyota_hubrid') }}">
  131.                                         <span>{{ 'base.hubrid_car.title'|trans({}, 'dc_toyota') }}</span>
  132.                                     </a>
  133.                                     <div class="dropdown-divider"></div>
  134.                                     <a class="dropdown-item" href="{{ path('toyota_services_loan') }}">
  135.                                         <span>{{ 'base.services.loan'|trans({},'dc_toyota') }}</span>
  136.                                     </a>
  137.                                     <div class="dropdown-divider"></div>
  138.                                     <a class="dropdown-item" href="{{ path('toyota_services_toyota_light') }}">
  139.                                         <span>Тойота Легко</span>
  140.                                     </a>
  141.                                     <div class="dropdown-divider"></div>
  142.                                     <a class="dropdown-item" href="{{ path('toyota_services_leasing') }}">
  143.                                         <span>{{ 'base.services.leasing'|trans({},'dc_toyota') }}</span>
  144.                                     </a>
  145.                                     <div class="dropdown-divider"></div>
  146.                                     <a class="dropdown-item" href="{{ path('toyota_services_insurance') }}">
  147.                                         <span>{{ 'base.services.insurance'|trans({},'dc_toyota') }}</span>
  148.                                     </a>
  149.                                 </div>
  150.                             </li>
  151.                             <li class="dropdown-divider"></li>
  152.                             <li class="nav-item dropdown">
  153.                                 <button class="nav-link dropdown-toggle custom-link-menu" id="dropCorp"
  154.                                         data-toggle="dropdown" aria-haspopup="true"
  155.                                         aria-expanded="false">{{ 'base.services.corporate_clients'|trans({},'dc_toyota') }}</button>
  156.                                 <div class="dropdown-menu dropdown-menu-open custom-dropdown-menu"
  157.                                      aria-labelledby="dropCorp">
  158.                                     <a class="dropdown-item" href="{{ path('toyota_services_corp_sales') }}">
  159.                                         <span>{{ 'base.services.corporate_sales'|trans({},'dc_toyota') }}</span>
  160.                                     </a>
  161.                                     {# <div class="dropdown-divider"></div> #}
  162.                                     {# <a class="dropdown-item" href="{{ path('toyota_services_leasing') }}"> #}
  163.                                     {# <span>{{ 'base.services.leasing'|trans({},'dc_toyota') }}</span> #}
  164.                                     {# </a> #}
  165.                                     <div class="dropdown-divider"></div>
  166.                                     <a class="dropdown-item" href="{{ path('toyota_services_financial_conditions') }}">
  167.                                         <span>{{ 'finance_conditions.title'|trans({}, 'dc_toyota') }}</span>
  168.                                     </a>
  169.                                     <div class="dropdown-divider"></div>
  170.                                     <a class="dropdown-item" href="{{ path('toyota_services_buy_back_commercial') }}">
  171.                                         <span>{{ 'pages.services.buy_back_commercial.title'|trans({}, 'dc_toyota') }}</span>
  172.                                     </a>
  173.                                 </div>
  174.                             </li>
  175.                             <li class="dropdown-divider"></li>
  176.                             <li class="nav-item dropdown">
  177.                                 <button class="nav-link dropdown-toggle" id="dropUsedCars" data-toggle="dropdown"
  178.                                         aria-haspopup="true"
  179.                                         aria-expanded="false">{{ 'base.secondhand'|trans({}, 'dc_toyota') }}</button>
  180.                                 <div class="dropdown-menu dropdown-menu-open" aria-labelledby="dropUsedCars">
  181.                                     <a class="dropdown-item" href="{{ path('toyota_secondhand_catalog') }}">
  182.                                         <span>{{ 'base.secondhand'|trans({}, 'dc_toyota') }}</span>
  183.                                     </a>
  184.                                     <div class="dropdown-divider"></div>
  185.                                     <a class="dropdown-item" href="{{ path('toyota_services_trade_in') }}">
  186.                                         <span>{{ 'pages.base.trade_in'|trans({}, 'dc_base') }}</span>
  187.                                     </a>
  188.                                     <div class="dropdown-divider"></div>
  189.                                     <a class="dropdown-item" href="{{ path('toyota_used_podbor') }}">
  190.                                         <span>{{ 'base.used_podbor'|trans({}, 'dc_toyota') }}</span>
  191.                                     </a>
  192.                                 </div>
  193.                             </li>
  194.                             <li class="dropdown-divider"></li>
  195.                             <li class="nav-item dropdown">
  196.                                 <button class="nav-link dropdown-toggle" id="dropPosts" data-toggle="dropdown"
  197.                                         aria-haspopup="true"
  198.                                         aria-expanded="false">{{ 'base.car_cat.stocks_news'|trans({}, 'dc_toyota') }}</button>
  200.                                 <div class="dropdown-menu dropdown-menu-open" aria-labelledby="dropPosts">
  201.                                     <a class="dropdown-item" href="{{ path('toyota_action_list') }}" rel="nofollow">
  202.                                         <span>{{ 'base.stocks.index'|trans({}, 'dc_toyota') }}</span>
  203.                                     </a>
  204.                                     <div class="dropdown-divider"></div>
  205.                                     <a class="dropdown-item" href="{{ path('toyota_about_news') }}" rel="nofollow">
  206.                                         <span>{{ 'base.about.news'|trans({},'dc_toyota') }}</span>
  207.                                     </a>
  208.                                 </div>
  209.                             </li>
  210.                             <li class="dropdown-divider"></li>
  211.                             <li class="nav-item dropdown">
  212.                                 <button class="nav-link dropdown-toggle" id="dropService" data-toggle="dropdown"
  213.                                         aria-haspopup="true"
  214.                                         aria-expanded="false">{{ 'base.service.index'|trans({}, 'dc_toyota') }}</button>
  215.                                 <div class="dropdown-menu dropdown-menu-open" aria-labelledby="dropService">
  216.                                     <a class="dropdown-item" href="{{ path('toyota_service_sign_in') }}">
  217.                                         <span>{{ 'base.service.signin_service'|trans({},'dc_toyota') }}</span>
  218.                                     </a>
  219.                                     <div class="dropdown-divider"></div>
  220.                                     <a class="dropdown-item" href="{{ path('toyota_service_regulations_to') }}">
  221.                                         <span>{{ 'base.service.reg_to'|trans({},'dc_toyota') }}</span>
  222.                                     </a>
  223.                                     <div class="dropdown-divider"></div>
  224.                                     <a class="dropdown-item" href="{{ path('toyota_service_body_repair') }}">
  225.                                         <span>{{ 'base.service.body_repair'|trans({},'dc_toyota') }}</span>
  226.                                     </a>
  227.                                     <div class="dropdown-divider"></div>
  228.                                     <a class="dropdown-item" href="{{ path('toyota_service_tuning') }}">
  229.                                         <span>{{ 'tuning.tuning'|trans({}, 'dc_toyota') }}</span>
  230.                                     </a>
  231.                                     <div class="dropdown-divider"></div>
  232.                                     <a class="dropdown-item" href="{{ path('toyota_service_gas_equipment') }}">
  233.                                         <span>{{ 'pages.gas_equipment.installation_gbo'|trans({}, 'dc_toyota') }}</span>
  234.                                     </a>
  235.                                     <div class="dropdown-divider"></div>
  236.                                     <a class="dropdown-item" href="{{ path('toyota_service_mob_service') }}">
  237.                                         <span>{{ 'mob_service.title'|trans({}, 'dc_toyota') }}</span>
  238.                                     </a>
  239.                                     <div class="dropdown-divider"></div>
  240.                                     <a class="dropdown-item" href="{{ path('toyota_service_tire_hotel') }}">
  241.                                         <span>{{ 'base.service.tire_hotel'|trans({},'dc_toyota') }}</span>
  242.                                     </a>
  243.                                     <div class="dropdown-divider"></div>
  244.                                     {#                                    <a class="dropdown-item" href="{{ path('toyota_service_loyalty') }}"> #}
  245.                                     {#                                        <span>{{ 'base.service.loyalty'|trans({},'dc_toyota') }}</span> #}
  246.                                     {#                                    </a> #}
  247.                                     {#                                    <div class="dropdown-divider"></div> #}
  248.                                     <a class="dropdown-item" target="_blank" rel="nofollow"
  249.                                        href="https://www.toyota.ua/service-and-accessories/ssc">
  250.                                         <span>{{ 'base.service.service_campaign'|trans({},'dc_toyota') }}</span>
  251.                                     </a>
  252.                                     <div class="dropdown-divider"></div>
  253.                                     <a class="dropdown-item" href="{{ path('toyota_service_assistance') }}">
  254.                                         <span>Toyota Assistance</span>
  255.                                     </a>
  256.                                     <div class="dropdown-divider"></div>
  257.                                     <a class="dropdown-item" href="{{ path('toyota_service_guarantee') }}">
  258.                                         <span>{{ 'base.service.guarantee_menu'|trans({},'dc_toyota') }}</span>
  259.                                     </a>
  260.                                     <div class="dropdown-divider"></div>
  261.                                     <a class="dropdown-item" href="{{ path('toyota_service_extended_warranty') }}">
  262.                                         <span>{{ 'pages.service.extended_warranty.header_title'|trans({}, 'dc_toyota') }}</span>
  263.                                     </a>
  264.                                     <a class="dropdown-item" href="{{ path('toyota_service_manuals') }}">
  265.                                         <span>{{ 'base.service.manuals'|trans({},'dc_toyota') }}</span>
  266.                                     </a>
  267.                                     <a class="dropdown-item" href="{{ path('toyota_service_mobility_options') }}">
  268.                                         <span>{{ 'pages.services.loan.mobility'|trans({}, 'dc_toyota') }}</span>
  269.                                     </a>
  270. {#                                    <a class="dropdown-item" href="{{ path('toyota_service_replacement_car_single') }}">#}
  271. {#                                        <span>{{ 'replacement_car.menu_title'|trans({},'dc_toyota') }}</span>#}
  272. {#                                    </a>#}
  273.                                 </div>
  274.                             </li>
  276.                             <li class="dropdown-divider"></li>
  277.                             <li class="nav-item dropdown">
  278.                                 <button class="nav-link dropdown-toggle status_new status_new-item status_new-dropdown-toggle" id="dropAccessories" data-toggle="dropdown"
  279.                                         aria-haspopup="true"
  280.                                         aria-expanded="false">{{ 'base.acc_souv'|trans({}, 'dc_toyota') }}</button>
  281.                                 <div class="dropdown-menu dropdown-menu-open" aria-labelledby="dropAccessories">
  282.                                     <a class="dropdown-item" href="{{ path('toyota_service_spares') }}">
  283.                                         <span>{{ 'base.service.spares'|trans({},'dc_toyota') }}</span>
  284.                                     </a>
  285.                                     <div class="dropdown-divider"></div>
  286.                                     <a class="dropdown-item " href="{{ path('toyota_service_accessory_catalog') }}">
  287.                                         <span class="status_new status_new-item">{{ 'base.accessories'|trans({},'dc_toyota') }}</span>
  288.                                     </a>
  289.                                     {# Моторное масло #}
  290.                                     <div class="dropdown-divider"></div>
  291.                                     <a class="dropdown-item" href="{{ path('toyota_service_motor_oils') }}">
  292.                                         <span>{{ 'base.service.motor_oils'|trans({},'dc_toyota') }}</span>
  293.                                     </a>
  294.                                     {# трансмиссионное масло #}
  295.                                     <div class="dropdown-divider"></div>
  296.                                     <a class="dropdown-item" href="{{ path('toyota_service_transmission_oils') }}">
  297.                                         <span>{{ 'base.service.transmission_oils'|trans({},'dc_toyota') }}</span>
  298.                                     </a>
  299.                                     <div class="dropdown-divider"></div>
  300.                                     <a class="dropdown-item" href="https://collection.toyota.ua/" rel="nofollow"
  301.                                        target="_blank">
  302.                                         <span>{{ 'base.souvenirs'|trans({},'dc_toyota') }}</span>
  303.                                     </a>
  304.                                     <div class="dropdown-divider"></div>
  305.                                     <a class="dropdown-item" target="_blank" rel="nofollow"
  306.                                        href="https://www.toyota.ua/service-and-accessories/dityachi-krisla.json">
  307.                                         <span>{{ 'base.kids'|trans({},'dc_toyota') }}</span>
  308.                                     </a>
  309.                                 </div>
  310.                             </li>
  311.                             <li class="dropdown-divider"></li>
  312.                             <li class="nav-item dropdown">
  313.                                 <button class="nav-link dropdown-toggle pr-0" id="dropAbout" data-toggle="dropdown"
  314.                                         aria-haspopup="true"
  315.                                         aria-expanded="false">{{ 'base.about.index'|trans({}, 'dc_toyota') }}</button>
  316.                                 <div class="dropdown-menu dropdown-menu-open" aria-labelledby="dropAbout">
  317.                                     <a class="dropdown-item" href="{{ path('toyota_about_dealer_center') }}"
  318.                                        rel="nofollow">
  319.                                         <span>{{ 'base.about.about_us'|trans({},'dc_toyota') }}</span>
  320.                                     </a>
  321.                                     <div class="dropdown-divider"></div>
  322.                                     <a class="dropdown-item" href="{{ path('toyota_about_contacts') }}">
  323.                                         <span>{{ 'base.about.contacts'|trans({},'dc_toyota') }}</span>
  324.                                     </a>
  325.                                     <div class="dropdown-divider"></div>
  326.                                     <a class="dropdown-item" href="{{ path('toyota_about_quality') }}" rel="nofollow">
  327.                                         <span>{{ 'pages.base.quality_policy'|trans({}, 'dc_base') }}</span>
  328.                                     </a>
  329.                                     <div class="dropdown-divider"></div>
  330.                                     <a class="dropdown-item" href="{{ path('toyota_about_vacancies') }}" rel="nofollow">
  331.                                         <span>{{ 'base.about.vacancies'|trans({},'dc_toyota') }}</span>
  332.                                     </a>
  333.                                     <div class="dropdown-divider"></div>
  334.                                     <a class="dropdown-item" href="{{ path('toyota_about_staff') }}" rel="nofollow">
  335.                                         <span>{{ 'base.about.staff'|trans({}, 'dc_toyota') }}</span>
  336.                                     </a>
  338.                                     <div class="dropdown-divider"></div>
  339.                                     <a class="dropdown-item" href="{{ path('toyota_about_mytoyota') }}" rel="nofollow">
  340.                                         <span>Моя Toyota</span>
  341.                                     </a>
  342.                                 </div>
  343.                             </li>
  344.                         </ul>
  345.                     </div>
  346.                     <a class="navbar-brand logo-toyota" href="{{ path('toyota_homepage') }}">
  347.                         <img class="logo-desctop" width="56px" height="37px"
  348.                              src="{{ asset('bundles/dcsite/img/toyota/logo-toyota.png') }}"
  349.                              alt="Тойота Центр Київ ВІДІ Автострада logo" style="visibility: visible;">
  350.                     </a>
  351.                     <button id="btnHeaderMenu" class="d-block d-lg-none order-3 navbar-toggler collapsed" type="button"
  352.                             data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu"
  353.                             aria-expanded="false" aria-label="Toggle navigation">
  354.                         <span class="navbar-toggler-icon"></span>
  355.                     </button>
  356.                 </nav>
  358.             </div>
  359.         </div>
  360.     </div>
  362.     <div class="tabs lineup header__car-menu m-close" id="carMenu">
  363.         <div class="container">
  364.             <div class="row">
  365.                 <div class="col-md-12">
  366.                     <div class="row">
  367.                         <div class="col-md-2 pr-0">
  368.                             <a href="{{ path('toyota_car_catalog') }}"
  369.                                class="header_car-link active">{{ 'base.cars'|trans({}, 'dc_toyota') }}</a>
  370.                             <a href="{{ path('toyota_in_stock_catalog') }}"
  371.                                class="header_car-link">{{ 'base.instock'|trans({}, 'dc_toyota') }}</a>
  372.                             <a href="{{ path('toyota_hubrid') }}"
  373.                                class="header_car-link">{{ 'base.hubrid_car.title'|trans({}, 'dc_toyota') }}</a>
  374.                             <a href="{{ path('toyota_services_loan') }}"
  375.                                class="header_car-link">{{ 'base.services.loan'|trans({},'dc_toyota') }}</a>
  376.                             <a href="{{ path('toyota_services_toyota_light') }}" class="header_car-link">Тойота
  377.                                 Легко</a>
  378.                             <a href="{{ path('toyota_services_leasing') }}"
  379.                                class="header_car-link">{{ 'base.services.leasing'|trans({},'dc_toyota') }}</a>
  380.                             <a href="{{ path('toyota_services_insurance') }}"
  381.                                class="header_car-link">{{ 'base.services.insurance'|trans({},'dc_toyota') }}</a>
  382.                         </div>
  383.                         <div class="col-md-10">
  384.                             <div class="row row-car-menu h-100" id="mainCarMenu">
  385.                                 {% for group in menu %}
  386.                                     {% for car in group.cars %}
  387.                                         <div class="col">
  388.                                             <a href="{{ car.url }}" class="header_card-car">
  389.                                                 <div class="header_card-car-img">
  390.                                                     <picture class="lazy" data-webp="{{ car.image_webp }}" data-fallback="{{ car.image }}" alt="{{ car.title }}{% if car.hasHybrid %} Hybrid{% endif %}"></picture>
  391.                                                     {#    <source srcset="{{ car.image_webp }}" type="image/webp">
  392.                                                         <source srcset="{{ car.image }}">
  393.                                                         <img loading="lazy" decoding="async" style="max-width: 100%;" menu-data-lazysrc="{{ car.image }}" alt="{{ car.title }}  {% if car.hasHybrid %}Hybrid{% endif %}">
  394.                                                     </picture> #}
  396.                                                     {% if  car.isPreOrder %}
  397.                                                         <span class="car_status_is_new car_card_status_is_new-pos">{{ 'pages.car.is_pre_order'|trans({}, 'dc_base') }}</span>
  398.                                                     {% elseif  car.isNew %}
  399.                                                         <span class="car_status_is_new car_card_status_is_new-pos">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
  400.                                                     {% endif %}
  401.                                                 </div>
  402.                                                 <div style="font-size: 13px" class="header_card-car-title">
  403.                                                     {% if car.title == "C-HR" %}
  404.                                                         TOYOTA
  405.                                                     {% endif %}
  406.                                                     {{ car.title }}
  407.                                                     {% if car.hasHybrid %}
  408.                                                         <span class="hubrid">
  409.                                                         {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}
  410.                                                     </span>
  411.                                                     {% endif %}
  412.                                                 </div>
  413.                                                 {# <span class="header_card-car-price">{{ 'configurator.from'|trans({},'dc_base') }} {{ car.price|price }} грн</span> #}
  414.                                             </a>
  415.                                         </div>
  416.                                     {% endfor %}
  417.                                 {% endfor %}
  418.                             </div>
  419.                         </div>
  420.                     </div>
  421.                 </div>
  422.             </div>
  423.         </div>
  424.     </div>
  425. </header>