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

Open in your IDE?
  1. {% block css %}
  2.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/jeep/header.css') }}">
  3. {% endblock %}
  5. <header class="header">
  6. <div class="top__information__inner">
  7.     <div class="container container-pre-header">
  8.         <div class="top__information__wrapper">
  10.             <a class="navbar-brand top__information-header disable-desc show-mob"
  11.                href="{{ path('jeep_homepage') }}"><img
  12.                         src="{{ asset('/bundles/dcsite/img/jeep/header/logo-jeep-white.svg') }}" alt="logo-jeep"></a>
  15.             <span class="info__box-item header-border-right dealer-name">{{ dealer.nameByLocale(app.request.locale)|upper }}</span>
  17.             <a href="https://maps.google.com/maps?q={{ dealer.lat }},{{ dealer.lng }}&hl={{ app.request.locale }}" target="_blank" class="info__box__wrapper disable-table header-border-right header-padding-left">
  18.                 <span class="info__box-item">{{ 'modules.address'|trans({}, 'dc_base')|upper }}</span>
  19.             </a>
  22.             <a href="tel:{{ dealer.phone }}" class="info__box__wrapper disable-table header-padding-left">
  23.                 <span class="info__box-item">{{ dealer.phone }}</span>
  24.             </a>
  26.             <span class="top__information__inner-title"></span>
  28.             <a href="{{ path('jeep_service_testdrive_form') }}" class="info__box__wrapper disable-table">
  29.                 <img class="info__box-icon" src="{{ asset('/bundles/dcsite/img/jeep/icon/steering-wheel.svg') }}"
  30.                      alt="" title="Тест-драйв">
  31.             </a>
  33.             <a href="{{ path('jeep_service_to') }}" class="info__box__wrapper disable-table header-border-right">
  34.                 <img class="info__box-icon" src="{{ asset('/bundles/dcsite/img/jeep/icon/wrench.svg') }}" alt="" title="Запис на сервіс">
  35.             </a>
  38.             {% if app.request.getLocale() == 'ru' %}
  39.                 <ul class="info__box__wrapper">
  40.                     <img class="info__box-icon" src="{{ asset('/bundles/dcsite/img/jeep/icon/planet.svg') }}" alt="">
  41.                     {% for locale in allowed_locales %}
  42.                         {% if locale != app.request.getLocale() %}
  43.                             <li class="translate active">
  44.                                 <a class="info__box-item" href="{{ absolute_url(path(app.request.attributes.get('_route'),app.request.attributes.get('_route_params')|merge({'_locale': locale}))) }}">
  45.                                     <span>{{ ('site.locale.'~locale)|trans({},'dc_base') }}</span>
  46.                                 </a>
  47.                             </li>
  48.                         {% else %}
  49.                             <li class="translate">
  50.                                 <a class="info__box-item"><span>{{ ('site.locale.'~locale)|trans({},'dc_base') }}</span></a>
  51.                             </li>
  52.                         {% endif %}
  53.                     {% endfor %}
  54.                 </ul>
  55.             {% endif %}
  57.             {% if app.user %}
  58.                 <a class="site_btn-enter-btn --loggedin header-padding-left" target="_blank"
  59.                    href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  60.                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  61.                         <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"></path>
  62.                         <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"></path>
  63.                     </svg>
  64.                     <span class="info__box-item header-border-right">{{ app.user.name|upper }}</span>
  65.                 </a>
  66.             {% else %}
  67.                 <a class="site_btn-enter-btn header-border-right header-padding-left" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  68.                     <img class="info__box-icon" src="{{ asset('/bundles/dcsite/img/jeep/icon/about.svg') }}" alt="">
  69.                     <span class="info__box-item disable-table">{{ 'header.login'|trans({}, 'portal_base')|upper }}</span>
  70.                 </a>
  71.             {% endif %}
  72.             <div class="header-padding-left">
  73.                 {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('jeep_basket') } %}
  74.             </div>
  75.         </div>
  77.     </div>
  78. </div>
  80. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  81.     <div class="container">
  82.         <a class="navbar-brand disabled-mob" href="{{ path('jeep_homepage') }}"><img
  83.                     src="{{ asset('/bundles/dcsite/img/jeep/header/logo-jeep.svg') }}" alt="logo-jeep"></a>
  84.         <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
  85.                 aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  86.             <span class="navbar-toggler-icon"></span>
  87.         </button>
  88.         <div class="collapse navbar-collapse" id="navbarNavDropdown">
  89.             <ul class="navbar-nav">
  90.                 <li class="nav-item disable-desc show-table">
  91.                     <div class="nav-link info__box-mob" aria-current="page" href="#">
  92.                         <a href="#" class="info__box__wrapper">
  93.                             <img class="info__box-icon" src="{{ asset('/bundles/dcsite/img/jeep/icon/map.svg') }}"
  94.                                  alt="">
  95.                             <span class="info__box-item-mob">{{ dealer.addressByLocale(app.request.locale) }}</span>
  96.                         </a>
  97.                         <a class="navbar-brand" href="#"><img
  98.                                     src="{{ asset( '/bundles/dcsite/img/jeep/header/logo-vidi.svg' ) }}"
  99.                                     alt="logo-jeep"></a>
  100.                     </div>
  101.                 </li>
  102.                 <li class="nav-item">
  103.                     <a class="nav-link" aria-current="page" href="{{ path('jeep_car_in_stock_catalog') }}">{{ 'pages.base_names.car_in_stock'|trans({}, 'dc_base') }}</a>
  104.                 </li>
  105.                 <li class="nav-item">
  106.                     <a class="nav-link" href="{{ path('jeep_list') }}">{{ 'pages.base_names.models'|trans({}, 'dc_base') }}</a>
  107.                 </li>
  108.                 <li class="nav-item dropdown">
  109.                     <a class="nav-link dropdown-toggle" href="{{ path('jeep_used_car_catalog') }}" id="dropdownMenuButton" data-bs-toggle="dropdown"
  110.                        aria-expanded="false">{{ 'pages.base_names.car_used.car_used_name'|trans({}, 'dc_base') }}
  111.                         <svg class="dropdown-arrow disable-desc show-table" width="20" height="12" viewBox="0 0 20 12"
  112.                              fill="none" xmlns="http://www.w3.org/2000/svg">
  113.                             <path d="M19.1 2.87494L10.7 11.2999C10.6 11.3999 10.4917 11.4709 10.375 11.5129C10.2584 11.5549 10.1334 11.5756 10 11.5749C9.86669 11.5749 9.74169 11.5543 9.62502 11.5129C9.50836 11.4716 9.40002 11.4006 9.30002 11.2999L0.875024 2.87494C0.641691 2.6416 0.525024 2.34994 0.525024 1.99994C0.525024 1.64994 0.650024 1.34994 0.900024 1.09994C1.15002 0.849936 1.44169 0.724936 1.77502 0.724936C2.10836 0.724936 2.40002 0.849936 2.65002 1.09994L10 8.44994L17.35 1.09994C17.5834 0.866602 17.871 0.749935 18.213 0.749935C18.555 0.749935 18.8507 0.874935 19.1 1.12494C19.35 1.37494 19.475 1.6666 19.475 1.99994C19.475 2.33327 19.35 2.62494 19.1 2.87494Z"
  114.                                   fill="#333333"/>
  115.                         </svg>
  117.                     </a>
  118.                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  119.                         <li><a class="dropdown-item" href="{{ path('jeep_used_car_catalog') }}">{{ 'pages.base_names.car_used.car_with_mileage_available'|trans({}, 'dc_base') }}</a></li>
  120.                         <li><a class="dropdown-item" href="{{ path('jeep_finance_select_page') }}">VIDI SELECT</a></li>
  121.                         <li><a class="dropdown-item" href="{{ path('jeep_finance_rate_car') }}">{{ 'pages.base_names.car_used.rate_the_car'|trans({}, 'dc_base') }}</a></li>
  122.                         <li><a class="dropdown-item" href="{{ path('jeep_finance_trade_in') }}">{{ 'site.trade_in'|trans({}, 'dc_base') }}</a></li>
  123.                     </ul>
  124.                 </li>
  125.                 <li class="nav-item dropdown">
  126.                     <a class="nav-link dropdown-toggle" href="#" id="dropdownMenuButton" data-bs-toggle="dropdown"
  127.                        aria-expanded="false">JEEP {{ 'pages.base_names.for_business.for_business_name'|trans({}, 'dc_base') }}
  128.                         <svg class="dropdown-arrow disable-desc show-table" width="20" height="12" viewBox="0 0 20 12"
  129.                              fill="none" xmlns="http://www.w3.org/2000/svg">
  130.                             <path d="M19.1 2.87494L10.7 11.2999C10.6 11.3999 10.4917 11.4709 10.375 11.5129C10.2584 11.5549 10.1334 11.5756 10 11.5749C9.86669 11.5749 9.74169 11.5543 9.62502 11.5129C9.50836 11.4716 9.40002 11.4006 9.30002 11.2999L0.875024 2.87494C0.641691 2.6416 0.525024 2.34994 0.525024 1.99994C0.525024 1.64994 0.650024 1.34994 0.900024 1.09994C1.15002 0.849936 1.44169 0.724936 1.77502 0.724936C2.10836 0.724936 2.40002 0.849936 2.65002 1.09994L10 8.44994L17.35 1.09994C17.5834 0.866602 17.871 0.749935 18.213 0.749935C18.555 0.749935 18.8507 0.874935 19.1 1.12494C19.35 1.37494 19.475 1.6666 19.475 1.99994C19.475 2.33327 19.35 2.62494 19.1 2.87494Z"
  131.                                   fill="#333333"/>
  132.                         </svg>
  133.                     </a>
  134.                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  135.                         <li><a class="dropdown-item" href="{{ path('jeep_for_bussines') }}">JEEP {{ 'pages.base_names.for_business.for_business_name'|trans({}, 'dc_base') }}</a></li>
  136.                       {# Тимчасово прибрати#} {# <li><a class="dropdown-item" href="{{ path('jeep_conversion_program') }}">{{ 'pages.base_names.for_business.conversion_program'|trans({}, 'dc_base') }}</a></li>#}
  137.                         <li><a class="dropdown-item" href="{{ path('jeep_fleet_management') }}">{{ 'pages.base_names.for_business.fleet_management'|trans({}, 'dc_base') }}</a></li>
  138.                         <li><a class="dropdown-item" href="{{ path('jeep_buy_back') }}">{{ 'pages.base_names.for_business.buy_back'|trans({}, 'dc_base') }}</a></li>
  139.                         <li><a class="dropdown-item" href="{{ path('jeep_program_for_employees') }}">{{ 'pages.base_names.for_business.program_for_employees'|trans({}, 'dc_base') }}</a></li>
  140.                     </ul>
  141.                 </li>
  142.                 <li class="nav-item dropdown">
  143.                     <a class="nav-link dropdown-toggle" href="#" id="dropdownMenuButton" data-bs-toggle="dropdown"
  144.                        aria-expanded="false">{{ 'pages.base_names.finance.finance_name'|trans({}, 'dc_base') }}
  145.                         <svg class="dropdown-arrow disable-desc show-table" width="20" height="12" viewBox="0 0 20 12"
  146.                              fill="none" xmlns="http://www.w3.org/2000/svg">
  147.                             <path d="M19.1 2.87494L10.7 11.2999C10.6 11.3999 10.4917 11.4709 10.375 11.5129C10.2584 11.5549 10.1334 11.5756 10 11.5749C9.86669 11.5749 9.74169 11.5543 9.62502 11.5129C9.50836 11.4716 9.40002 11.4006 9.30002 11.2999L0.875024 2.87494C0.641691 2.6416 0.525024 2.34994 0.525024 1.99994C0.525024 1.64994 0.650024 1.34994 0.900024 1.09994C1.15002 0.849936 1.44169 0.724936 1.77502 0.724936C2.10836 0.724936 2.40002 0.849936 2.65002 1.09994L10 8.44994L17.35 1.09994C17.5834 0.866602 17.871 0.749935 18.213 0.749935C18.555 0.749935 18.8507 0.874935 19.1 1.12494C19.35 1.37494 19.475 1.6666 19.475 1.99994C19.475 2.33327 19.35 2.62494 19.1 2.87494Z"
  148.                                   fill="#333333"/>
  149.                         </svg>
  150.                     </a>
  151.                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  152.                         <li><a class="dropdown-item" href="{{ path('jeep_finance_credit') }}">{{ 'pages.by_credit'|trans({}, 'dc_jeep') }}</a></li>
  153.                         <li><a class="dropdown-item" href="{{ path('jeep_finance_leasing') }}">{{ 'pages.by_leasing'|trans({}, 'dc_jeep') }}</a></li>
  154.                         <li><a class="dropdown-item" href="{{ path('jeep_finance_insurance') }}">{{ 'pages.base_names.finance.insurance'|trans({}, 'dc_base') }}</a></li>
  155.                         <li><a class="dropdown-item" href="{{ path('jeep_finance_trade_in') }}">{{ 'site.trade_in'|trans({}, 'dc_base') }}</a></li>
  156.                         <li><a class="dropdown-item" href="{{ path('jeep_service_testdrive_form') }}">Тест-драйв</a></li>
  157.                         <li><a class="dropdown-item" href="{{ path('jeep_service_consultation') }}">{{ 'main.order_consultation'|trans({}, 'dc_base') }}</a></li>
  158.                         <li><a class="dropdown-item" href="{{ path('jeep_finance_assistance') }}">Jeep Assistance</a></li>
  159.                     </ul>
  160.                 </li>
  161.                 <li class="nav-item dropdown">
  162.                     <a class="nav-link dropdown-toggle" href="#" id="dropdownMenuButton" data-bs-toggle="dropdown"
  163.                        aria-expanded="false">{{ 'pages.base_names.service.service_name'|trans({}, 'dc_base') }}
  164.                         <svg class="dropdown-arrow disable-desc show-table" width="20" height="12" viewBox="0 0 20 12"
  165.                              fill="none" xmlns="http://www.w3.org/2000/svg">
  166.                             <path d="M19.1 2.87494L10.7 11.2999C10.6 11.3999 10.4917 11.4709 10.375 11.5129C10.2584 11.5549 10.1334 11.5756 10 11.5749C9.86669 11.5749 9.74169 11.5543 9.62502 11.5129C9.50836 11.4716 9.40002 11.4006 9.30002 11.2999L0.875024 2.87494C0.641691 2.6416 0.525024 2.34994 0.525024 1.99994C0.525024 1.64994 0.650024 1.34994 0.900024 1.09994C1.15002 0.849936 1.44169 0.724936 1.77502 0.724936C2.10836 0.724936 2.40002 0.849936 2.65002 1.09994L10 8.44994L17.35 1.09994C17.5834 0.866602 17.871 0.749935 18.213 0.749935C18.555 0.749935 18.8507 0.874935 19.1 1.12494C19.35 1.37494 19.475 1.6666 19.475 1.99994C19.475 2.33327 19.35 2.62494 19.1 2.87494Z"
  167.                                   fill="#333333"/>
  168.                         </svg>
  169.                     </a>
  170.                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  171.                         <li class="dropdown-item-title">{{ 'pages.base_names.service.maintenance_and_repair'|trans({}, 'dc_base') }}</li>
  172.                         <li><a class="dropdown-item" href="{{ path('jeep_service_to') }}">{{ 'pages.base_names.service.service_registration'|trans({}, 'dc_base') }}</a></li>
  173.                         <li><a class="dropdown-item" href="{{ path('jeep_service_regulations_to') }}">{{ 'pages.base_names.service.regulations_to'|trans({}, 'dc_base') }}</a></li>
  174.                         <li><a class="dropdown-item" href="{{ path('jeep_service_body_repair') }}">{{ 'pages.base_names.service.body_repair'|trans({}, 'dc_base') }}</a></li>
  175.                         <li class="dropdown-item-title">{{ 'pages.base_names.service.parts_and_accessories'|trans({}, 'dc_base') }}</li>
  176.                         <li><a class="dropdown-item" href="{{ path('jeep_service_parts') }}">{{ 'pages.base_names.service.originals_parts'|trans({}, 'dc_base') }}</a></li>
  177.                         <li><a class="dropdown-item" href="{{ path('jeep_service_accessory_catalog') }}">{{ 'pages.base_names.service.accessories'|trans({}, 'dc_base') }}</a></li>
  178.                         <li><a class="dropdown-item" href="{{ path('jeep_service_warranty') }}">{{ 'pages.base_names.service.warranty'|trans({}, 'dc_base') }} Jeep </a></li>
  179.                         <li class="dropdown-item-title">{{ 'pages.base_names.service.additional_information'|trans({}, 'dc_base') }}</li>
  180.                         <li><a class="dropdown-item" href="{{ path('jeep_service_manual') }}">{{ 'pages.base_names.service.manual'|trans({}, 'dc_base') }} Jeep</a></li>
  181.                         <li><a class="dropdown-item" href="{{ path('jeep_finance_assistance') }}">Jeep Assistance</a></li>
  182.                     </ul>
  183.                 </li>
  184.                 <li class="nav-item">
  185.                     <a class="nav-link" href="{{ path('jeep_actions') }}">{{ 'pages.base_names.offers'|trans({}, 'dc_base') }}</a>
  186.                 </li>
  187.                 <li class="nav-item dropdown">
  188.                     <a class="nav-link dropdown-toggle" href="{{ path('jeep_about') }}" id="dropdownMenuButton" data-bs-toggle="dropdown"
  189.                        aria-expanded="false">{{ 'pages.base_names.about_us.about_us_name'|trans({}, 'dc_base') }}
  190.                         <svg class="dropdown-arrow disable-desc show-table" width="20" height="12" viewBox="0 0 20 12"
  191.                              fill="none" xmlns="http://www.w3.org/2000/svg">
  192.                             <path d="M19.1 2.87494L10.7 11.2999C10.6 11.3999 10.4917 11.4709 10.375 11.5129C10.2584 11.5549 10.1334 11.5756 10 11.5749C9.86669 11.5749 9.74169 11.5543 9.62502 11.5129C9.50836 11.4716 9.40002 11.4006 9.30002 11.2999L0.875024 2.87494C0.641691 2.6416 0.525024 2.34994 0.525024 1.99994C0.525024 1.64994 0.650024 1.34994 0.900024 1.09994C1.15002 0.849936 1.44169 0.724936 1.77502 0.724936C2.10836 0.724936 2.40002 0.849936 2.65002 1.09994L10 8.44994L17.35 1.09994C17.5834 0.866602 17.871 0.749935 18.213 0.749935C18.555 0.749935 18.8507 0.874935 19.1 1.12494C19.35 1.37494 19.475 1.6666 19.475 1.99994C19.475 2.33327 19.35 2.62494 19.1 2.87494Z"
  193.                                   fill="#333333"/>
  194.                         </svg>
  195.                     </a>
  196.                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  197.                         <li><a class="dropdown-item" href="{{ path('jeep_about_contact') }}">{{ 'pages.base_names.about_us.contacts'|trans({}, 'dc_base') }}</a></li>
  198.                         <li><a class="dropdown-item" href="{{ path('jeep_about') }}">{{ 'pages.base_names.about_us.about_the_salon'|trans({}, 'dc_base') }}</a></li>
  199.                         <li><a class="dropdown-item" href="{{ path('jeep_about_company') }}">Про Jeep</a></li>
  200.                         <li><a class="dropdown-item" href="{{ path('jeep_about_team') }}">{{ 'pages.base_names.about_us.teams'|trans({}, 'dc_base') }}</a></li>
  201.                         <li><a class="dropdown-item" href="{{ path('jeep_news') }}">{{ 'pages.base_names.about_us.news'|trans({}, 'dc_base') }}</a></li>
  202.                         <li><a class="dropdown-item" href="{{ path('jeep_about_quality') }}">{{ 'pages.base_names.about_us.quality'|trans({}, 'dc_base') }}</a></li>
  203.                         <li><a class="dropdown-item" href="{{ path('jeep_about_vacancy') }}">{{ 'pages.base_names.about_us.vacancy'|trans({}, 'dc_base') }}</a></li>
  204.                     </ul>
  205.                 </li>
  206.             </ul>
  207.         </div>
  208.         <a class="navbar-brand disable-table" href="{{ path('jeep_homepage') }}"><img
  209.                     src="{{ asset( '/bundles/dcsite/img/jeep/header/logo-vidi.svg' ) }}" alt="logo-jeep"></a>
  211.         <div class="mobile__info__wrapper">
  212.             <a href="tel:{{ dealer.phone }}" class="info__box__wrapper-mob disable-desc show-table">
  213.                 <img class="info__box-icon" src="{{ asset('/bundles/dcsite/img/jeep/icon/phone.svg') }}" alt="">
  214.                 <span class="info__box-item-mob">{{ dealer.phone }}</span>
  215.             </a>
  217.             <a href="{{ path('jeep_service_testdrive_form') }}" class="info__box__wrapper-mob disable-desc show-table">
  218.                 <img class="info__box-icon" src="{{ asset('/bundles/dcsite/img/jeep/icon/steering-wheel.svg') }}"
  219.                      alt="">
  220.                 <span class="info__box-item-mob">Тест-драйв</span>
  221.             </a>
  223.             <a href="{{ path('jeep_service_to') }}" class="info__box__wrapper-mob disable-desc show-table">
  224.                 <img class="info__box-icon" src="{{ asset('/bundles/dcsite/img/jeep/icon/wrench.svg') }}" alt="">
  225.                 <span class="info__box-item-mob">СТО</span>
  226.             </a>
  227.         </div>
  228.     </div>
  229. </nav>
  231. </header>