src/DcSiteBundle/Resources/views/Nissan/Service/body-service.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Nissan/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'pages.seo.bodyservice_title'|trans({},'dc_nissan') }}</title>
  5.     <meta name="description" content="{{ 'pages.seo.bodyservice_desc'|trans({'%phone%': dealer.phone},'dc_nissan') }}" />
  6. {% endblock seo %}
  8. {% block ogtagDynamic %}
  9.     <meta property="og:title" content="{{ 'pages.seo.bodyservice_title'|trans({},'dc_nissan') }}"/>
  10.     <meta property="og:description" content="{{ 'pages.seo.bodyservice_desc'|trans({'%phone%': dealer.phone},'dc_nissan') }}"/>
  11. {% endblock ogtagDynamic %}
  13. {% block css %}
  14.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/nissan/page.css') }}">
  15.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/nissan/services/body-repair.css') }}">
  16. {% endblock %}
  18. {% block content %}
  20.     <section class="title-breadcrumbs">
  21.         <div class="container">
  22.             <div class="row">
  23.                 <div class="col-12">
  24.                     <div class="vidi_breadcrumbs" >
  25.                     <span>
  26.                         <a href="{{ path('nissan_homepage') }}" ><span>{{ 'pages.bc.index'|trans({},'dc_nissan') }}</span></a>
  27.                     </span>
  28.                         <span class="bc_sep"> → </span>
  29.                         <span>
  30.                         <a><span>{{ 'pages.bc.service'|trans({},'dc_nissan') }}</span></a>
  31.                     </span>
  32.                         <span class="bc_sep"> → </span>
  33.                         <span class="bc_title">{{ 'pages.header.body_repear'|trans({},'dc_nissan') }}</span>
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.         </div>
  38.     </section>
  40.     <section class="head-to">
  41.         <img src="{{ asset('bundles/dcsite/img/nissan/landing-frontpage/kuzovnoj.jpg') }}">
  42.         <div class="page-info">
  43.             <div class="container">
  44.                 <div class="row">
  45.                     <div class="col-md-6">
  46.                         <div class="page-title-bg">
  47.                             <h1 class="head-title">{{ 'pages.header.body_repear'|trans({},'dc_nissan') }}</h1>
  48.                         </div>
  49.                         <div class="mainimg-specification-text">
  50.                             <div class="page-box">
  51.                                 <p class="head-p">{{ 'pages.service_head_text.six'|trans({},'dc_nissan') }}</p>
  52.                             </div>
  53.                         </div>
  54.                         {#<a href="{{ url('nissan_service_online-booking') }}#orderTo" class="btn-head-to btn btn-head-to consultation-services">{{ 'pages.leads.btn_service'|trans({},'dc_nissan') }} <span class="btn btn-chevron-right"></span>#}
  55.                         {#</a>#}
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.         </div>
  60.     </section>
  62.     {% include '@DcSiteBundle/Modules/body-repair/body-repair.html.twig' %}
  63.     {#{% if app.request.locale == 'ru' %}#}
  64.         {#{% include '@DcSite/Nissan/Service/tmp-lang/body-service.content.ru.html.twig' %}#}
  65.     {#{% else %}#}
  66.         {#{% include '@DcSite/Nissan/Service/tmp-lang/body-service.content.ua.html.twig' %}#}
  67.     {#{% endif %}#}
  69.     {#{% include '@DcSite/Nissan/Modules/order-to.html.twig' %}#}
  71. {% endblock content %}
  73. {% block pageJs %}
  74.     <script>
  75.         app.onCustomEvent('appInit', function () {
  76.             app.loadJs("{{ asset('bundles/insurance/js/jquery.mCustomScrollbar.concat.min.js') }}");
  77.             app.loadJs("{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}", function () {
  78.                 $('.section-padding-page').lightGallery({
  79.                     selector: '.body_repair-image'
  80.                 });
  81.             });
  82.             app.loadJs("{{ asset('bundles/portal/js/body-repair-calc.js') }}", function () {
  83.                 initRepairCalc({
  84.                     initUrl: '{{ path('portal_repair_calc_init') }}',
  85.                     saveUrl: '{{ path('form_repair_calc') }}',
  86.                     privacyUrl: '{{ privacyUrl }}',
  87.                 });
  88.             });
  89.             $('.js-repair-photo').on('submit',function (e) {
  90.                 e.preventDefault();
  91.                 var formData = new FormData(this);
  92.                 var $form = $(this);
  94.                 $('#check_privacy', $(this)).remove('error');
  95.                 if (!$('.js-repair-photo .js-form-privacy input').prop('checked')) {
  96.                     $('#check_privacy', $(this)).addClass('error');
  97.                     return false;
  98.                 }
  100.                 $.ajax({
  101.                     url: $form.attr('action'),
  102.                     type: 'POST',
  103.                     data: formData,
  104.                     success: function (data) {
  105.                         $('#popup-sps').modal('show');
  106.                         try {
  107.                             dataLayer.push({'event' : 'event-to-go', 'eventAction': 'submit', 'eventCategory' : 'sto-all', 'eventLabel' : 'remont-kyzova' });
  108.                         } catch (e) {
  109.                             console.error('dataLayer event error');
  110.                         }
  111.                     },
  112.                     cache: false,
  113.                     contentType: false,
  114.                     processData: false
  115.                 });
  116.             });
  118.             /*PAGES FIXED MENU SCROLL*/
  119.             jQuery(window).scroll(function(){
  120.                 var $sections = $('section');
  121.                 $sections.each(function(i,el){
  122.                     var top  = $(el).offset().top-100;
  123.                     var bottom = top +$(el).height();
  124.                     var scroll = $(window).scrollTop();
  125.                     var id = $(el).attr('id');
  126.                     if( scroll > top && scroll < bottom){
  127.                         $('.pages-menu-fixed a.active').removeClass('active');
  128.                         $('.pages-menu-fixed a[href="#'+id+'"]').addClass('active');
  130.                     }
  131.                 })
  132.             });
  133.             $(".pages-menu-fixed").on("click","a", function (event) {
  134.                 event.preventDefault();
  135.                 var id  = $(this).attr('href');
  136.                 if($(id).length == 0) {
  137.                     return false;
  138.                 }
  139.                 var top = $(id).offset().top-30;
  140.                 $('body,html').animate({scrollTop: top}, 800);
  141.             });
  143.             var button = $("#repair_photo_files");
  144.             function readURL(input) {
  145.                 if (input.files.length == 0) {
  146.                     return;
  147.                 }
  148.                 $.each(input.files, function () {
  149.                     var reader = new FileReader();
  150.                     reader.onload = function(e) {
  151.                         var imgWr = $("<div class='review-foto-wrap'><div class='review-image'><img src=\"#\" alt=\"load image\" /></div></div>");
  152.                         $('.review-image img',imgWr).attr('src', e.target.result);
  153.                         button.after(imgWr);
  154.                     };
  155.                     reader.readAsDataURL(this);
  156.                 });
  157.             }
  158.             $("#repair_photo_files").change(function() {
  159.                 $('.review-foto-wrap').replaceWith('');
  160.                 readURL(this);
  161.             });
  163.         });
  164.     </script>
  165. {% endblock pageJs %}