src/DcSiteBundle/Resources/views/Nissan/Finance/leasing.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Nissan/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'pages.seo.leasing_title'|trans({},'dc_nissan') }}</title>
  5.     <meta name="description" content="{{ 'pages.seo.leasing_desc'|trans({},'dc_nissan') }}" />
  6. {% endblock seo %}
  8. {% block ogtagDynamic %}
  9.     <meta property="og:title" content="{{ 'pages.seo.leasing_title'|trans({},'dc_nissan') }}"/>
  10.     <meta property="og:description" content="{{ 'pages.seo.leasing_desc'|trans({},'dc_nissan') }}"/>
  11. {% endblock ogtagDynamic %}
  13. {% block css %}
  14.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/modules/leasing/leasing-modules.css') }}">
  15.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/nissan/page.css') }}">
  16.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/common/leasing-page.css') }}">
  17. {% endblock %}
  19. {% block content %}
  21.     <section class="title-breadcrumbs">
  22.         <div class="container">
  23.             <div class="row">
  24.                 <div class="col-md-12 col-lg-12">
  25.                     <div class="vidi_breadcrumbs" >
  26.                     <span>
  27.                         <a href="{{ path('nissan_homepage') }}" ><span>{{ 'pages.bc.index'|trans({},'dc_nissan') }}</span></a>
  28.                     </span>
  29.                         <span class="bc_sep"> → </span>
  30.                         <span>
  31.                         <a><span>{{ 'pages.bc.finance'|trans({},'dc_nissan') }}</span></a>
  32.                     </span>
  33.                         <span class="bc_sep"> → </span>
  34.                         <span class="bc_title">{{ 'pages.header.lising'|trans({},'dc_nissan') }}</span>
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.     </section>
  41.     <section class="advantages__leasing">
  42.         <div class="container">
  43.             <h1 class="advantages__leasing__title">{{ 'leasing.advantages_of_leasing_title_1_alt'|trans({'%brand%': dealer.brand.name,'%dealer%': dealer.nameByLocale(app.request.locale)}, 'dc_base') }}</h1>
  44.             <p>{{ 'leasing.advantages_of_leasing_text'|trans({'%brand%': dealer.brand.name,'%dealer%': dealer.nameByLocale(app.request.locale)}, 'dc_base') }}</p>
  45.             <h3 class="advantages__leasing__title">{{ 'leasing.advantages_of_leasing_title_2'|trans({'%brand%': dealer.brand.name,'%dealer%': dealer.nameByLocale(app.request.locale)}, 'dc_base') }}</h3>
  46.             <p>{{ 'leasing.advantages_includes_1'|trans({}, 'dc_base') }}</p>
  47.             <p>{{ 'leasing.advantages_includes_2'|trans({}, 'dc_base') }}</p>
  48.             <p>{{ 'leasing.advantages_includes_3'|trans({}, 'dc_base') }}</p>
  49.             <p>{{ 'leasing.advantages_includes_4'|trans({}, 'dc_base') }}</p>
  50.             <p>{{ 'leasing.advantages_includes_5'|trans({}, 'dc_base') }}</p>
  51.             <p>{{ 'leasing.advantages_includes_6'|trans({}, 'dc_base') }}</p>
  52.             <p>{{ 'leasing.advantages_includes_7'|trans({}, 'dc_base') }}</p>
  53.         </div>
  54.     </section>
  56.     {% if app.request.locale == 'ru' %}
  57.         {% include '@DcSite/Nissan/Finance/tmp-lang/leasing.content.ru.html.twig' %}
  58.     {% else %}
  59.         {% include '@DcSite/Nissan/Finance/tmp-lang/leasing.content.ua.html.twig' %}
  60.     {% endif %}
  63.     <svg width="0" height="0" class="hidden">
  64.         <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 23" id="icon-check">
  65.             <path d="M21.5626 6.2094L12.2979 15.4737L7.66553 10.8418" stroke="#C3092E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  66.             <path fill-rule="evenodd" clip-rule="evenodd" d="M19.0608 16.6739V20.7456C19.0608 21.0217 18.8369 21.2456 18.5608 21.2456H2.87109C2.59495 21.2456 2.37109 21.0217 2.37109 20.7456V5.05591C2.37109 4.77977 2.59495 4.55591 2.87109 4.55591H7.49722L8.02663 3.05591H2.87109C1.76652 3.05591 0.871094 3.95134 0.871094 5.05591V20.7456C0.871094 21.8502 1.76652 22.7456 2.87109 22.7456H18.5608C19.6653 22.7456 20.5608 21.8502 20.5608 20.7456V15.3614L19.0608 16.6739Z" fill="#C3092E"/>
  67.         </symbol>
  68.     </svg>
  70. {% endblock content %}
  73. {% block pageJs %}
  74.     <script>
  75.         app.onCustomEvent('appInit', function () {
  76.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/new-leasing.js') }}', function () {
  77.                 initLeasing({
  78.                     locale: '{{ app.request.locale }}',
  79.                     initUrl: '{{ path('leasing-init') }}',
  80.                     initDealerUrl: '{{ path('leasing-init-dealer') }}',
  81.                     initMerchantUrl: '{{ path('portal_credit_merchant') }}',
  82.                     findEquipmentsUrl: '{{ path('car-find-equipments') }}',
  83.                     privacyUrl: '{{ privacyUrl }}',
  84.                     findWithBrands: 1,
  85.                     dealer: '{{ dealer.id }}',
  86.                 });
  87.             });
  89.             $('#leasingCForm').on('submit', function (e) {
  90.                 e.preventDefault();
  91.                 e.stopPropagation();
  92.                 var form = $(this);
  93.                 var data = form.serialize();
  94.                 app.http.send({
  95.                     method: 'POST',
  96.                     url: form.data('id'),
  97.                     data: data,
  98.                     success: function () {
  99.                         app.leadForms.showSuccessMessage();
  100.                         // $('#orderCall').modal('hide');
  101.                         // $('#commercialModal').modal('hide');
  102.                         try {
  103.                             dataLayer.push({'event' : 'event-to-go', 'eventAction': 'submit', 'eventCategory' : 'car-leasing', 'eventLabel' : 'leasing' });
  104.                         } catch (e) {
  105.                             console.error('dataLayer event error');
  106.                         }
  107.                     }
  108.                 });
  109.             });
  110.         });
  111.     </script>
  113. {% endblock  %}