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

Open in your IDE?
  1. <header class="header">
  2.     <div class="header-bottom">
  3.         <div class="container">
  4.             <div class="col-md-2 d-inline-block float-left logo-col">
  5.                 <a href="{{ path('subaru_homepage') }}" class="logo">
  6.                     <img src="{{ asset('bundles/dcsite/img/subaru/logo.png') }}" alt="{{ dealer }} logo">
  7.                 </a>
  8.             </div>
  9.             <div class="col-md-10 offset-md-2 container-slogan">
  10.                 <span class="dealer-slogan">{{ 'header.title'|trans({}, 'dc_subaru') }}</span>
  11.                 <a href="tel:{{ dealer.phone }}" class="header_top-contacts header_top-contacts-phone">
  12.                     <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  13.                         <path class="tel-color" 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" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  14.                     </svg>
  15.                     <span>{{ dealer.phone }}</span>
  16.                 </a>
  17.                 <div class="header_basket_row">
  19.                     {% if app.request.attributes.get('_route_params')['_locale'] is defined %}
  20.                         {% if app.request.getLocale() == 'ru' %}
  21.                             <ul class="header-lang">
  22.                                 {% if app.request.attributes.get('_route_params')['_locale'] is defined %}
  23.                                     {% for locale in allowed_locales %}
  24.                                         {% if locale != app.request.getLocale() %}
  25.                                             <li class="">
  26.                                                 <a class="active" href="{{ absolute_url( path( app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': locale}) ) ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_lexus') }}</a>
  27.                                             </li>
  28.                                         {% else %}
  29.                                             <li class="">
  30.                                                 <a class="" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_lexus') }}</a>
  31.                                             </li>
  32.                                         {% endif %}
  33.                                     {% endfor %}
  34.                                 {% endif %}
  35.                             </ul>
  36.                         {% endif %}
  37.                     {% endif %}
  39.                     <div class="site_btn-enter" id="enterBtn">
  40.                         {% if app.user %}
  41.                             <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  42.                                 <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  43.                                     <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  44.                                     <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  45.                                 </svg>
  46.                                 <span class="header_icon-title">{{ app.user.name }}</span>
  47.                             </a>
  48.                         {% else %}
  49.                             <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  50.                                 <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  51.                                     <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="#837F7F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  52.                                     <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="#837F7F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  53.                                 </svg>
  54.                                 <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }}</span>
  55.                             </a>
  56.                         {% endif %}
  57.                     </div>
  58.                     {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('subaru_basket') } %}
  59.                 </div>
  60.             </div>
  61.             <div class="row justify-content-between align-items-center header-bottom-row">
  62.                 <div id="mainNav" class="header-nav col-10 collapse navbar-mob" style="position: inherit;">
  63.                     <ul class="nav nav-pills nav-fill">
  66.                         <li class="nav-item site_btn-nav-item">
  67.                             {% if app.request.getLocale() == 'ru' %}
  68.                                 <ul class="d-lg-none header-lang header-lang-mob">
  69.                                     {% for locale in allowed_locales %}
  70.                                         {% if locale != app.request.getLocale() %}
  71.                                             <li class="">
  72.                                                 <a class="active" href="{{ absolute_url( path( app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': locale}) ) ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_lexus') }}</a>
  73.                                             </li>
  74.                                         {% else %}
  75.                                             <li class="">
  76.                                                 <a class="" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_lexus') }}</a>
  77.                                             </li>
  78.                                         {% endif %}
  79.                                     {% endfor %}
  80.                                 </ul>
  81.                             {% endif %}
  82.                             <div class="site_btn-enter" id="enterBtn">
  83.                                 {% if app.user %}
  84.                                     <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  85.                                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  86.                                             <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  87.                                             <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  88.                                         </svg>
  89.                                         <span class="header_icon-title">{{ app.user.name }}</span>
  90.                                     </a>
  91.                                 {% else %}
  92.                                     <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  93.                                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  94.                                             <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  95.                                             <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  96.                                         </svg>
  97.                                         <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }}
  98.                                             {{ 'header.login_in_cab'|trans({}, 'portal_base') }}</span>
  99.                                     </a>
  100.                                 {% endif %}
  102.                             </div>
  103.                         </li>
  105.                         <li class="nav-item dropdown">
  106.                             <a href="#" class="nav-link dropdown-toggle" id="navCars" role="button" data-toggle="dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'menu.cars'|trans({}, 'dc_subaru') }}</a>
  107.                             <div class="col-12 dropdown-menu car-model-dropdown-menu" aria-labelledby="navCars">
  109.                                 <div class="container">
  110.                                     <div class="row" id="auto-dropdown">
  111.                                         {% verbatim %}
  112.                                             <template v-for="(category, key) in menu" :key="key">
  113.                                                 <div v-for="(car, k) in category.cars" :key="k" class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
  114.                                                     <div class="model-card">
  116.                                                         <div class="model-card-img">
  117.                                                          <span class="car_status_is_new" v-if="car.isPreOrder">{% endverbatim %}{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}{% verbatim %}</span>
  118.                                                          <span class="car_status_is_new" v-else-if="car.isNew">{% endverbatim %}{{ 'pages.car.status_is_new'|trans({},'dc_base') }}{% verbatim %}</span>
  120.                                                             <a :href="car.url">
  121.                                                                 <img :src="car.image" :alt="car.title">
  122.                                                             </a>
  123.                                                         </div>
  125.                                                         <a :href="car.url">
  126.                                                             <span class="d-block model-card-name">{{ car.title }}</span>
  127.                                                         </a>
  128.                                                         <span v-if="car.price > 0" class="d-block model-card-price">{{ car.price.toLocaleString() }} грн</span>
  129.                                                         <span v-if="car.price <= 0" class="d-block model-card-price">{% endverbatim %}{{ 'pages.specify_price'|trans({}, 'dc_subaru') }}{% verbatim %}</span>
  130.                                                         {% endverbatim %}
  131.                                                         <a v-if="car.onTestDrive" href="{{ path('subaru_service_consultation') }}"
  132.                                                            class="btn-blue model-card-btn">{{ 'leads.test_drive'|trans({}, 'dc_subaru') }}</a>
  133.                                                         {% verbatim %}
  134.                                                     </div>
  135.                                                 </div>
  136.                                             </template>
  137.                                             {% endverbatim %}
  139.                                     </div>
  140.                                 </div>
  142.                             </div>
  143.                         </li>
  144.                         <li class="dropdown-divider"></li>
  145.                         <li class="nav-item">
  146.                             <a id="dropServices" href="{{ path('subaru_car_stock') }}" class="nav-link ico-tab-arrow">{{ 'pages.car_in_stock.title'|trans({}, 'dc_subaru') }}</a>
  147.                         </li>
  148.                         <li class="dropdown-divider"></li>
  149.                         <li class="nav-item dropdown">
  150.                             <a id="dropService" href="#" data-toggle="dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link ico-tab-arrow dropdown-toggle">{{ 'menu.used_car.title'|trans({}, 'dc_subaru') }}</a>
  151.                             <div aria-labelledby="dropService" class="dropdown-menu dropdown-menu-open">
  152.                                 <div class="container">
  153.                                     <div class="row">
  154.                                         <div class="col-md-12">
  155.                                             <ul>
  156.                                                 <li><a href="{{ path('subaru_used_car_catalog') }}">{{ 'menu.used_car.sub_title'|trans({}, 'dc_subaru') }}</a></li>
  157.                                                 <li><a href="{{ path('subaru_finance_vidi_select') }}">VIDI SELECT</a></li>
  158.                                                 <li><a href="{{ path('subaru_finance_trade_in') }}">{{ 'menu.used_car.trade_in'|trans({}, 'dc_subaru') }}</a></li>
  159.                                             </ul>
  160.                                         </div>
  161.                                     </div>
  162.                                 </div>
  163.                             </div>
  164.                         </li>
  165.                         <li class="dropdown-divider"></li>
  166.                         <li class="nav-item dropdown">
  167.                             <a id="dropGibrid" href="#" class="nav-link ico-tab-arrow dropdown-toggle" role="button" data-toggle="dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'menu.services.index'|trans({}, 'dc_subaru') }}</a>
  168.                             <div aria-labelledby="dropGibrid" class="dropdown-menu dropdown-menu-open">
  169.                                 <div class="container">
  170.                                     <div class="row">
  171.                                         <div class="col-md-12">
  172.                                             <ul>
  173.                                                 <li><a href="{{ path('subaru_finance_trade_in') }}">Trade–In</a></li>
  174.                                                 <li><a href="{{ path('subaru_finance_credit') }}">{{ 'menu.services.loan'|trans({}, 'dc_subaru') }}</a></li>
  175.                                                 <li><a href="{{ path('subaru_finance_leasing') }}">{{ 'menu.services.leasing'|trans({}, 'dc_subaru') }}</a></li>
  176.                                                 <li><a href="{{ path('subaru_finance_insurance') }}">{{ 'menu.services.insurance'|trans({}, 'dc_subaru') }}</a></li>
  177.                                                 <li><a href="{{ path('subaru_for_bussines') }}">Subaru {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a></li>
  178.                                             </ul>
  179.                                         </div>
  180.                                     </div>
  181.                                 </div>
  182.                             </div>
  183.                         </li>
  184.                         <li class="nav-item dropdown">
  185.                             <a id="dropService" href="#" data-toggle="dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link ico-tab-arrow dropdown-toggle">{{ 'menu.service.index'|trans({}, 'dc_subaru') }}</a>
  186.                             <div aria-labelledby="dropService" class="dropdown-menu dropdown-menu-open">
  187.                                 <div class="container">
  188.                                     <div class="row">
  189.                                         <div class="col-md-12">
  190.                                             <ul>
  191.                                                 <li><a href="{{ path('subaru_service_order_to') }}">{{ 'menu.service.order_to'|trans({}, 'dc_subaru') }}</a></li>
  192.                                                 <li><a href="{{ path('subaru_service_regulations_to') }}">Регламент ТО</a></li>
  193. {#                                                <li><a href="{{ path('subaru_service_company') }}">{{ 'menu.service.service_company'|trans({}, 'dc_subaru') }}</a></li>#}
  194.                                                 <li><a href="{{ path('subaru_service_body_repair') }}">{{ 'menu.service.body_rep'|trans({}, 'dc_subaru') }}</a></li>
  195.                                                 <li><a href="{{ path('subaru_service_spare_parts') }}">{{ 'menu.service.spares'|trans({}, 'dc_subaru') }}</a></li>
  196.                                                 <li><a href="{{ path('subaru_shop_accessory_catalog') }}">{{ 'menu.service.acc'|trans({}, 'dc_subaru') }}</a></li>
  197.                                                 <li><a href="{{ path('subaru_service_assistance') }}">Subaru Assistance</a></li>
  198.                                             </ul>
  199.                                         </div>
  200.                                     </div>
  201.                                 </div>
  202.                             </div>
  203.                         </li>
  204.                         <li class="dropdown-divider"></li>
  205.                         <li class="nav-item">
  206.                             <a id="dropServices" href="{{ path('subaru_stocks') }}" class="nav-link ico-tab-arrow">{{ 'menu.actions'|trans({}, 'dc_subaru') }}</a>
  207.                         </li>
  208.                         <li class="dropdown-divider"></li>
  209.                         <li class="nav-item dropdown">
  210.                             <a id="dropAbout" href="#" data-toggle="dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link ico-tab-arrow dropdown-toggle">{{ 'menu.info.index'|trans({}, 'dc_subaru') }}</a>
  211.                             <div aria-labelledby="dropAbout" class="dropdown-menu dropdown-menu-open">
  212.                                 <div class="container">
  213.                                     <div class="row">
  214.                                         <div class="col-md-12">
  215.                                             <ul>
  216.                                                 <li><a href="{{ path('subaru_about') }}">{{ 'menu.info.about'|trans({}, 'dc_subaru') }}</a></li>
  217.                                                 <li><a href="{{ path('subaru_about_news') }}">{{ 'menu.info.news'|trans({}, 'dc_subaru') }}</a></li>
  218.                                                 <li><a href="{{ path('subaru_about_staff') }}">{{ 'menu.info.staff'|trans({}, 'dc_subaru') }}</a></li>
  219.                                                 <li><a href="{{ path('subaru_about_loyality_program') }}">{{ 'menu.info.loialty'|trans({}, 'dc_subaru') }}</a></li>
  220.                                                 <li><a href="{{ path('subaru_about_quality_politicks') }}">{{ 'menu.info.quality'|trans({}, 'dc_subaru') }}</a></li>
  221.                                                 <li><a href="{{ path('subaru_about_vacancy') }}">{{ 'vacancies.vacancy'|trans({}, 'dc_base') }}</a></li>
  222.                                             </ul>
  223.                                         </div>
  224.                                     </div>
  225.                                 </div>
  226.                             </div>
  227.                         </li>
  228.                         <li class="dropdown-divider"></li>
  229.                         <li class="nav-item">
  230.                             <a href="{{ path('subaru_contacts') }}" class="nav-link ico-tab-arrow">{{ 'menu.contacts'|trans({}, 'dc_subaru') }}</a>
  231.                         </li>
  232.                     </ul>
  233.                 </div>
  234.                 <div class="col-md-2 pr-0">
  235.                     <a href="{{ path('subaru_service_consultation') }}" class="btn-blue model-card-btn-header">{{ 'leads.test_drive_short'|trans({}, 'dc_subaru') }}</a>
  236.                 </div>
  237.                 <ul class="d-lg-none header-lang">
  238.                     <li>{% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('subaru_basket') } %}</li>
  239.                 </ul>
  240.                 <button class="d-block d-lg-none order-md-4 navbar-toggler collapsed button_burger_header" aria-label="Toggle navigation">
  241.                     <span class="navbar-toggler-icon"></span>
  242.                 </button>
  243.             </div>
  244.         </div>
  245.     </div>
  246. </header>