src/PortalBundle/Resources/views/Finance/leasing.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.leasing.title'|trans({}, 'portal_base') }}</title>
  5.     <meta name="description" content="{{ 'seo.leasing.description'|trans({}, 'portal_base') }}" />
  6. {% endblock %}
  8. {% block css %}
  9.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/finance/style.css') }}">
  10.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/service.css') }}">
  11.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/insurance.css') }}">
  12.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/finance/leasing.css') }}">
  13.     <link rel="stylesheet" href="{{ asset('bundles/core/css/bootstrap_build/tables.css') }}">
  14.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/finance/leasing-modules.css') }}">
  15.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/finance/leasing-modules-color.css') }}">
  16. {% endblock  %}
  18. {% block content %}
  19.     <section class="breadcrumbs__new">
  20.         <div class="container">
  21.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  22.                 <li class="marker__none" itemprop="itemListElement" itemscope
  23.                     itemtype="https://schema.org/ListItem">
  24.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  25.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  26.                     <meta itemprop="position" content="1"/>
  27.                 </li>
  29.                 <div class="arrow-bc"></div>
  30.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  31.                     itemtype="https://schema.org/ListItem">
  32.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.service'|trans({}, 'portal_base') }}</span>
  33.                     <meta itemprop="position" content="2"/>
  34.                 </li>
  36.                 <div class="arrow-bc"></div>
  37.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  38.                     itemtype="https://schema.org/ListItem">
  39.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'finance.leasing.title'|trans({}, 'portal_base') }}</span>
  40.                     <meta itemprop="position" content="3"/>
  41.                 </li>
  42.             </ol>
  43.         </div>
  44.     </section>
  46.     {% if app.request.locale == 'ru' %}
  47.         {% include '@Portal/Finance/translations/leasing_ru.html.twig' %}
  48.     {% else %}
  49.         {% include '@Portal/Finance/translations/leasing_ua.html.twig' %}
  50.     {% endif %}
  52.     <div class="modal fade full-width-form modal-fw-window" id="orderCall" tabindex="-1" role="dialog" aria-labelledby="orderCallPopup">
  53.         <div class="modal-dialog" role="document">
  54.             <div class="modal-content">
  55.                 <div class="modal-header">
  56.                     <span class="modal-title" id="orderCar">{{ 'busines.call'|trans({}, 'portal_base') }}</span>
  57.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  58.                     <span aria-hidden="true">
  59.                         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  60.                         <path d="M15.8107 0.189305C15.5583 -0.0631016 15.1491 -0.0631016 14.8967 0.189305L0.189305 14.8967C-0.0631016 15.1491 -0.0631016 15.5583 0.189305 15.8107C0.315492 15.9369 0.48093 16 0.646336 16C0.811743 16 0.977149 15.9369 1.10337 15.8107L15.8107 1.10331C16.0631 0.85093 16.0631 0.441711 15.8107 0.189305Z" fill="#A1A1A1"/>
  61.                             <path d="M15.8107 14.8976L1.10331 0.190281C0.85093 -0.062125 0.44168 -0.062125 0.189305 0.190281C-0.0631016 0.442656 -0.0631016 0.851875 0.189305 1.10428L14.8967 15.8117C15.0229 15.9379 15.1883 16.001 15.3537 16.001C15.5191 16.001 15.6846 15.9379 15.8107 15.8117C16.0631 15.5593 16.0631 15.15 15.8107 14.8976Z" fill="#A1A1A1"/>
  62.                         </svg>
  63.                     </span>
  64.                     </button>
  65.                 </div>
  66.                 <div class="modal-body">
  67.                     <div class="form-wrapper forms">
  68.                         <div class="container">
  69.                             <form id="leasingTForm" action="{{ path('portal_leasing_save_total') }}" class="pages-form-row forms-sm">
  70.                                 <input type="hidden" name="token" value="{{ formToken }}">
  71.                                 <div class="form-group">
  72.                                     <input type="text" name="company" required="required" class="form-control" placeholder="{{ 'busines.form_company'|trans({}, 'portal_base') }} *">
  73.                                 </div>
  74.                                 <div class="form-group">
  75.                                     <input type="text" name="contact" required="required" class="form-control" placeholder="{{ 'busines.form_contacts'|trans({}, 'portal_base') }} *">
  76.                                 </div>
  77.                                 <div class="form-group">
  78.                                     <input type="text" name="phone" required="required" class="form-control phone" placeholder="Телефон *">
  79.                                 </div>
  80.                                 <button type="submit" class="btn-red-bg w-100">{{ 'base.send_form'|trans({}, 'portal_base') }}</button>
  81.                             </form>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  90.     <style>
  91.         .partners {
  92.             padding: 0;
  93.         }
  95.         .partner-row {
  96.             display: flex;
  97.             flex-wrap: wrap;
  98.             justify-content: space-between;
  99.             margin-bottom: 20px;
  100.         }
  102.         .partner {
  103.             width: calc(20% - 10px);
  104.             margin-bottom: 20px;
  105.         }
  107.         .partner img.img-partner {
  108.             max-width: 100%;
  109.             display: block;
  110.             margin: 0 auto;
  111.             object-fit: contain;
  112.             height: 100px;
  113.         }
  114.         .section-title{
  115.             text-align: left;
  116.         }
  118.         .partner-row {
  119.             display: flex;
  120.             justify-content: space-between;
  121.         }
  123.         .partner {
  124.             display: flex;
  125.             align-items: flex-end;
  126.         }
  127.     </style>
  129.     <section class="partners">
  130.         <div class="container">
  131.             <div class="row">
  132.                 <div class="col-md-12">
  133.                     <h2 class="section-title">{{ 'base.partner.title'|trans({}, 'portal_base') }}</h2>
  134.                 </div>
  135.             </div>
  136.             <div class="row">
  137.                 <div class="col-md-12">
  138.                     <div class="partner-row">
  139.                         <div class="partner">
  140.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/ALD_Automotive_logo.png') }}" alt="">
  141.                         </div>
  142.                         <div class="partner">
  143.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/logo-ilta.png') }}" alt="">
  144.                         </div>
  145.                         <div class="partner">
  146.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/Avis-Logo.jpg') }}" alt="">
  147.                         </div>
  148.                         <div class="partner">
  149.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/OTP-Leasing-logo-vert.png') }}" alt="">
  150.                         </div>
  151.                         <div class="partner">
  152.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/Winner.png') }}" alt="">
  153.                         </div>
  154.                     </div>
  155.                 </div>
  156.             </div>
  157.             <div class="row">
  158.                 <div class="col-md-12">
  159.                     <div class="partner-row">
  160.                         <div class="partner">
  161.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/budget_leasing_logo.svg') }}" alt="">
  162.                         </div>
  163.                         <div class="partner">
  164.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/ULF.ic.hUbdgaSQdv.png') }}" alt="">
  165.                         </div>
  166. {#                        <div class="partner">#}
  167. {#                            <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/Winner.png') }}" alt="">#}
  168. {#                        </div>#}
  169.                         <div class="partner">
  170.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/best.png') }}" alt="">
  171.                         </div>
  172.                         <div class="partner">
  173.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/VIDI.svg') }}" alt="">
  174.                         </div>
  175.                         <div class="partner">
  176.                             <img class="img-partner" src="{{ asset('bundles/dcsite/img/partners/PUMB_leasing_logo_ua (2).png') }}" alt="">
  177.                         </div>
  178.                     </div>
  179.                 </div>
  180.             </div>
  181.         </div>
  182.     </section>
  185. {% endblock %}
  187. {% block pageJS %}
  188.     <script>
  189.         app.onCustomEvent('appInit', function () {
  190.             $('#leasingCForm, #leasingTForm').on('submit', function (e) {
  191.                 e.preventDefault();
  192.                 e.stopPropagation();
  193.                 if ($('.js-form-privacy', $(this)).length) {
  194.                     $('#check_privacy', $(this)).removeClass('error');
  195.                     if (!$('.js-form-privacy input', $(this)).prop('checked')) {
  196.                         $('#check_privacy', $(this)).addClass('error');
  197.                         return false;
  198.                     }
  199.                 }
  200.                 var form = $(this);
  201.                 var data = form.serialize();
  202.                 app.http.send({
  203.                     method: 'POST',
  204.                     url: form.data('id'),
  205.                     data: data,
  206.                     success: function () {
  207.                         app.leadForms.showSuccessMessage();
  208.                         $('#orderCall').modal('hide');
  209.                         $('#commercialModal').modal('hide');
  210.                         try {
  211.                             dataLayer.push({'event' : 'event-to-go', 'eventAction': 'submit', 'eventCategory' : 'car-leasing', 'eventLabel' : 'leasing' });
  212.                         } catch (e) {
  213.                             console.error('dataLayer event error');
  214.                         }
  215.                     }
  216.                 });
  217.             });
  218.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/new-leasing.js') }}',function () {
  219.                 initLeasing({
  220.                     locale: '{{ app.request.locale }}',
  221.                     initUrl: '{{ path('leasing-init') }}',
  222.                     initDealerUrl: '{{ path('leasing-init-dealer') }}',
  223.                     initMerchantUrl: '{{ path('portal_credit_merchant') }}',
  224.                     findEquipmentsUrl: '{{ path('car-find-equipments') }}',
  225.                     privacyUrl: '{{ path('portal_privacy_policy') }}',
  226.                     findWithBrands: 1,
  227.                 });
  228.             });
  229.         });
  230.     </script>
  232. {% endblock  %}