src/DcSiteBundle/Resources/views/Ford/base.html.twig line 1

Open in your IDE?
  1. {% extends '@Core/DCSite/core-dc-template.html.twig' %}
  3. {% block head %}
  4.     <meta name="facebook-domain-verification" content="6qp4qshbjbkjcu9651lin5hcmu19mz" />
  6.     {% block seo %}
  7.         <title>{{ seoMeta.title ?? 'pages.seo.title'|trans({},'dc_ford') }}</title>
  8.         <meta name="description" content="{{ seoMeta.description ?? 'pages.seo.description'|trans({'%phone%': dealer.phone},'dc_ford') }}"/>
  9.     {% endblock seo %}
  11.     <meta name="google-site-verification" content="7lIOhuv-ROj_IvvkuSDv0vM9rKCywDn4f0MnO_r0OFk" />
  12.     <meta name="google-site-verification" content="q-ZRYblGxqh7-UU_G4JVT9KkfkbWGX37UZQshwRuJC4" />
  14.     <link rel="icon" href="{{ asset('bundles/dcsite/img/ford/favicon/favicon.ico') }}" type="image/x-icon" />
  15.     <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('bundles/dcsite/img/ford/favicon/apple-touch-icon.png') }}">
  16.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('bundles/dcsite/img/ford/favicon/favicon-32x32.png') }}">
  17.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('bundles/dcsite/img/ford/favicon/favicon-16x16.png') }}">
  18.     <link rel="manifest" href="{{ asset('bundles/dcsite/img/ford/favicon/site.webmanifest') }}">
  19.     <link rel="mask-icon" href="{{ asset('bundles/dcsite/img/ford/favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
  20.     <meta name="msapplication-TileColor" content="#ffffff">
  21.     <meta name="theme-color" content="#ffffff">
  23.     {% include '@DcSite/Ford/preloader-css.html.twig' %}
  25.     {% if INCLUDE_ANALYTICS %}
  26.     {% include '@DcSite/Modules/google-tag-manager.html.twig' with { 'domain': dealer.domain, 'gtmIdCode': 'GTM-MFLHHN7' } %}
  27.     {% endif %}
  28. {% endblock head %}
  30. {% block body %}
  31.     {% if INCLUDE_ANALYTICS %}
  32. <!-- Google Tag Manager (noscript) -->
  33. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MFLHHN7"
  34.                   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  35. <!-- End Google Tag Manager (noscript) -->
  36.     {% endif %}
  37.     <section class="header_top-info">
  38.     <div class="container">
  39.         <div class="row">
  40.             <div class="col-lg-10 col-xl-8 ">
  41.                 <a href="{{ path('ford_contacts') }}" class="header_top-info-link">
  42.                     <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  43.                         <path d="M12.25 5.83337C12.25 9.91671 7 13.4167 7 13.4167C7 13.4167 1.75 9.91671 1.75 5.83337C1.75 4.44099 2.30312 3.10563 3.28769 2.12106C4.27226 1.1365 5.60761 0.583374 7 0.583374C8.39239 0.583374 9.72774 1.1365 10.7123 2.12106C11.6969 3.10563 12.25 4.44099 12.25 5.83337Z" stroke="#3C3947" stroke-linecap="round" stroke-linejoin="round"/>
  44.                         <path d="M7 7.58337C7.9665 7.58337 8.75 6.79987 8.75 5.83337C8.75 4.86688 7.9665 4.08337 7 4.08337C6.0335 4.08337 5.25 4.86688 5.25 5.83337C5.25 6.79987 6.0335 7.58337 7 7.58337Z" stroke="#3C3947" stroke-linecap="round" stroke-linejoin="round"/>
  45.                     </svg>
  46.                     {{ 'pages.base.short_adress'|trans({},'dc_ford') }}
  47.                 </a>
  48.                 <a href="tel:{{ dealer.phone }}" class="header_top-info-link">
  49.                     <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  50.                         <path d="M12.8338 9.87002V11.62C12.8345 11.7825 12.8012 11.9433 12.7361 12.0921C12.671 12.241 12.5756 12.3746 12.4559 12.4844C12.3362 12.5943 12.1948 12.6779 12.0409 12.7299C11.887 12.782 11.724 12.8013 11.5622 12.7867C9.76714 12.5916 8.04291 11.9783 6.52799 10.9958C5.11856 10.1002 3.9236 8.90528 3.02799 7.49585C2.04214 5.97405 1.42863 4.24143 1.23716 2.43835C1.22258 2.27704 1.24175 2.11446 1.29345 1.96096C1.34515 1.80747 1.42824 1.66642 1.53744 1.54679C1.64663 1.42717 1.77954 1.3316 1.9277 1.26615C2.07586 1.20071 2.23602 1.16684 2.39799 1.16668H4.14799C4.43109 1.1639 4.70554 1.26415 4.92018 1.44874C5.13483 1.63334 5.27504 1.88969 5.31466 2.17002C5.38852 2.73005 5.5255 3.27994 5.72299 3.80918C5.80147 4.01797 5.81846 4.24488 5.77194 4.46303C5.72541 4.68118 5.61733 4.88141 5.46049 5.04002L4.71966 5.78085C5.55006 7.24125 6.75926 8.45044 8.21966 9.28085L8.96049 8.54002C9.11909 8.38318 9.31933 8.27509 9.53748 8.22857C9.75562 8.18205 9.98253 8.19903 10.1913 8.27752C10.7206 8.475 11.2705 8.61199 11.8305 8.68585C12.1139 8.72582 12.3726 8.86855 12.5576 9.08689C12.7426 9.30522 12.8409 9.58393 12.8338 9.87002Z" stroke="#3C3947" stroke-linecap="round" stroke-linejoin="round"/>
  51.                     </svg>
  52.                     {{ dealer.phone }}
  53.                 </a>
  54.             </div>
  55.             <div class="col-lg-2 col-xl-4 text-right basket_row">
  56.                 <div class="site_btn-enter" id="enterBtn">
  57.                     {% if app.user %}
  58.                         <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  59.                             <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  60.                                 <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  61.                                 <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"/>
  62.                             </svg>
  63.                             <span class="header_icon-title">{{ app.user.name }}</span>
  64.                         </a>
  65.                     {% else %}
  66.                         <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  67.                             <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  68.                                 <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="#2E6785" stroke-width="2" stroke-linecap="round" 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" stroke="#2E6785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  70.                             </svg>
  71.                             <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }}</span>
  72.                         </a>
  73.                     {% endif %}
  74.                 </div>
  75.                 {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('ford_basket') } %}
  76.             </div>
  77.         </div>
  78.     </div>
  79. </section>
  81. <header class="header" id="header">
  82.     <div class="container">
  83.         <div class="row align-items-center">
  84.             <div class="align-items-center brand d-flex mt-0" style="margin-right: 25px;">
  85.                 <a href="{{ path('ford_homepage') }}">
  86.                     <img src="{{ asset('bundles/dcsite/img/ford/logo/ford_logo-new.png') }}" itemprop="logo" alt="{{ dealer }} logo" title="ViDi Cray Motors">
  87.                 </a>
  88.             </div>
  90.             <nav class="menu" id="menu" itemscope="" itemtype="http://www.schema.org/SiteNavigationElement" role="navigation">
  91.                 <div class="d-none d-lg-flex menu-top">
  92.                     <section class="widget qtranxs_widget">
  93.                         {% block locales %}
  94.                             {% if app.request.getLocale() == 'ru' %}
  95.                                 <ul class="language-chooser language-chooser-text qtranxs_language_chooser">
  96.                                     {% for locale in allowed_locales %}
  97.                                         {% if locale != app.request.getLocale() %}
  98.                                             <li class="lang-ua active">
  99.                                                 <a 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 }})" class="qtranxs_text qtranxs_text_ua">
  100.                                                     <span>
  101.                                                         {{ ('site.locale.'~locale)|trans({},'dc_base') }}</span>
  102.                                                 </a>
  103.                                             </li>
  104.                                         {% else %}
  105.                                             <li class="lang-ua">
  106.                                                 <a hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})" class="qtranxs_text qtranxs_text_ua">
  107.                                                     <span>{{ ('site.locale.'~locale)|trans({},'dc_base') }}</span>
  108.                                                 </a>
  109.                                             </li>
  110.                                         {% endif %}
  111.                                     {% endfor %}
  112.                                 </ul>
  113.                             {% endif %}
  114.                             <div class="qtranxs_widget_end"></div>
  115.                         {% endblock locales %}
  116.                     </section>
  118.                     <div class="header-magnets-contacts d-none d-md-flex">
  119.                         <a href="{{ path('ford_service_consultation') }}" class="btn btn-link btn-219">
  120.                             <span class="icomoon icomoon-wheel"></span>
  121.                             {{ 'pages.base.test_drive'|trans({},'dc_ford') }}
  122.                         </a>
  123.                         <a href="{{ path('ford_service_to') }}" class="btn btn-link btn-244">
  124.                             <span class="icomoon icomoon-spanner"></span>
  125.                             {{ 'pages.base.service_form'|trans({}, 'dc_ford') }}
  126.                         </a>
  127.                         <div class="contacts-phone">
  128.                             <span class="contacts-ico-phone"></span>
  129.                             <div class="phone-toggle">
  130.                                 <button type="button" class="btn btn-default dropdown-toggle header-phone-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  131.                                     {{ 'pages.about_us.contacts.contact_tel'|trans({},'dc_ford') }}<span class="caret"></span>
  132.                                 </button>
  133.                                 <ul class="dropdown-menu">
  134.                                     <li class="head-service-phone">
  135.                                         <span class="title-phone">{{ 'pages.departments.dept_1'|trans({},'dc_base') }}</span>
  136.                                         <a href="tel:{{ dealer.phone }}">
  137.                                             <span class="contacts-ico-phone"></span>
  138.                                             {{ dealer.phone }}
  139.                                         </a>
  140.                                     </li>
  141.                                     <li>
  142.                                         <span class="title-phone">{{ 'pages.departments.dept_2'|trans({},'dc_base') }}</span>
  143.                                         <a href="tel:{{ dealer.phoneService }}">
  144.                                             <span class="contacts-ico-phone"></span>
  145.                                             {{ dealer.phoneService }}
  146.                                         </a>
  147.                                     </li>
  148.                                 </ul>
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                 </div>
  153.                 <hr class="d-none d-lg-block">
  155.                 <div class="navbar navbar-expand-lg menu-bottom">
  156.                     <div class="d-flex d-lg-none w-100 justify-content-end align-items-center navbar-light btn-mob-wrapp">
  157.                         <section class="widget qtranxs_widget">
  158.                             <ul class="language-chooser language-chooser-text qtranxs_language_chooser">
  159.                                 <li>
  160.                                     {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('ford_basket') } %}</li>
  161.                             </ul>
  162.                             <div class="qtranxs_widget_end"></div>
  163.                         </section>
  164.                         <a class="navbar-toggler" href="{{ path('ford_list_cars') }}">
  165.                             <span class="sr-only">Toggle navigation</span>
  166.                             <span class="icon-car"></span>
  167.                         </a>
  168.                         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-header" aria-controls="navbar-collapse-header" aria-expanded="false" data-parent="#menu">
  169.                             <span class="sr-only">Toggle navigation</span>
  170.                             <span class="icon-bar"></span>
  171.                             <span class="icon-bar"></span>
  172.                             <span class="icon-bar"></span>
  173.                         </button>
  174.                     </div>
  175.                     {% include '@DcSiteBundle/Ford/menu.html.twig' %}
  176.                 </div>
  177.             </nav>
  178.             <div class="brand vidi-logo d-none d-md-block mt-0" style="margin-left: 25px;">
  179.                 <a href="{{ path('ford_homepage') }}">
  180.                     <img src="{{ asset('bundles/dcsite/img/logo-vidi-big.jpg') }}" alt="">
  181.                 </a>
  182.             </div>
  183.         </div>
  184.     </div>
  185. </header>
  187. {% block content %}
  189. {% endblock content %}
  191. {% include '@DcSite/Ford/footer-new.html.twig' %}
  192. {% include '@DcSite/Modules/feedback-popup.html.twig' %}
  193. {% include '@DcSite/Modules/order-call-popup.html.twig' %}
  194. {% include '@DcSite/Modules/sps-popup.html.twig' %}
  195. {% include '@DcSite/Ford/leads.html.twig' %}
  196. {% include '@DcSiteBundle/Modules/callback/widget.html.twig' %}
  197. {#{% include '@My/Modules/cookies-warning.html.twig' %}#}
  199.     <div id="vidi-pulse" style="display: none;">
  200.         <div class="pulse1"></div>
  201.         <a class="pulse-icon" href="tel:+380442390997"></a>
  202.     </div>
  203. {% block css %}
  204. {% endblock %}
  206. {% endblock body %}
  208. {% block coreBottomJs %}
  209.     <script>
  210.         app.onCustomEvent('coreCssLoaded', function () {
  211.             $('#preloader').hide();
  212.         });
  214.         app.onCustomEvent('appInit', function () {
  215.             app.loadCss('{{ asset('/bundles/dcsite/css/ford/base.css') }}');
  216.             app.loadCss('{{ asset('/bundles/dcsite/css/ford/modules/color.css') }}');
  217.             app.loadCss('{{ asset('/bundles/dcsite/css/ford/modules/btn.css') }}');
  218.             app.loadCss('{{ asset('/bundles/dcsite/css/ford/form.css') }}');
  219.             app.loadCss('{{ asset('/bundles/dcsite/css/ford/lead-magnets.css') }}');
  220.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/callback/timer-call.css') }}');
  222.             {#app.loadJs('{{ asset('bundles/my/js/cookies-warning.js') }}', function () {#}
  223.             {#    initCookiesWarning({#}
  224.             {#        policyUrl: "{{ privacyUrl }}",#}
  225.             {#    });#}
  226.             {#});#}
  228.             app.loadJs('/bundles/dcsite/js/modules/callback/callback-vue.js', function () {
  229.                 callbackRequest({
  230.                     initUrl: '{{ path('callback_widget_init') }}',
  231.                     createUrl: '{{ path('callback_widget_create_request') }}',
  232.                     getStateUrl: '{{ path('callback_widget_get_state') }}',
  233.                     privacyUrl: '{{ privacyUrl }}',
  234.                     callBackMinute: '{{ 'callback_widget.title'|trans({}, 'dc_base')|raw }}',
  235.                     callBackWorkingHours: '{{ 'callback_widget.working_hours'|trans({}, 'dc_base') }}',
  236.                 });
  237.             });
  239.             $('.questions-frame-wrapper .show-btn').on('click',function () {
  240.                 $('.questions-frame-wrapper').toggleClass('open');
  241.                 $(this).toggleClass('active');
  242.             });
  243.             $('.questions-frame-close').on('click',function (e) {
  244.                 e.preventDefault();
  245.                 e.stopPropagation();
  246.                 $('.questions-frame-wrapper').removeClass('open');
  247.                 $('.questions-frame-wrapper .show-btn').removeClass('active');
  248.             });
  250.             $('.js-scroll-link').click(function(e) {
  251.                 e.preventDefault();
  253.                 var blockId = $(this).attr('href');
  254.                 $('html, body').stop().animate({
  255.                     scrollTop: $(blockId).offset().top-50
  256.                 }, 750);
  257.             });
  258.         });
  259.     </script>
  261.     <script type="application/ld+json">
  262.         {
  263.             "@context": "https://schema.org/",
  264.             "@type": "WebSite",
  265.             "name": "{{ dealer.brand.name }}",
  266.             "url": "{{ app.request.uri }}"
  267.         }
  269.     </script>
  271.     <script type="application/ld+json">
  272. {
  273.   "@context": "https://schema.org",
  274.   "@type": "AutoDealer",
  275.   "name": "{{ dealer.brand.name }}",
  276.   "image": "{{ asset('bundles/dcsite/img/ford/dealer-logo.png') }}",
  277.   "url": "{{ app.request.uri }}",
  278.   "telephone": "{{ dealer.phone }}",
  279.   "address": {
  280.     "@type": "PostalAddress",
  281.     "streetAddress": " {{ dealer.addressUa }}",
  282.     "addressLocality": "Київ"
  283.   },
  284.   "sameAs": [
  285.     "{{ dealer.linkFacebook }}",
  286.     "{{ dealer.linkInstagram }}",
  287.     "{{ dealer.linkYoutube }}"
  288.   ]
  289. }
  292.     </script>
  294.     <script type="application/ld+json">
  295.         {
  296.             "@context": "https://schema.org",
  297.             "@type": "Organization",
  298.             "url": "https://ford-vidi.com.ua/ua/",
  299.             "logo": "{{ absolute_url(asset('bundles/dcsite/img/ford/dealer-logo.png')) }}"
  300.         }
  301.     </script>
  303.     {% include '@DcSite/Modules/suChat/index.html.twig' with {'chatCode' : '1edb7f96-937a-47e3-8996-b74c62fad4d5'} %}
  305.     {% block pageJS %}
  306.     {% endblock pageJS %}
  307. {% endblock coreBottomJs %}