src/DcSiteBundle/Resources/views/Citroen/Service/body-repair.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Citroen/base.html.twig' %}
  2. {% block seo %}
  3.     <title>{{ seoMeta.title ?? 'seo.body_repair.body_repair_title'|trans({}, 'dc_citroen') }}</title>
  4.     <meta name="description" content="{{ seoMeta.description ?? 'seo.body_repair.body_repair_desc'|trans({}, 'dc_citroen') }}" />
  5.     <meta name="keywords" content="" />
  6. {% endblock seo %}
  7. {% block ogtagDynamic %}
  8.     <meta property="og:title" content="{{ seoMeta.title ?? 'seo.body_repair.body_repair_title'|trans({}, 'dc_citroen') }}"/>
  9.     <meta property="og:description" content="{{ seoMeta.description ?? 'seo.body_repair.body_repair_desc'|trans({}, 'dc_citroen') }}"/>
  10. {% endblock ogtagDynamic %}
  11. {% block css %}
  12.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/citroen/services/style.css') }}">
  13.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/citroen/services/body-repair.css') }}">
  14. {% endblock %}
  15. {% block content %}
  16.     <section class="breadcrumbs__new">
  17.         <div class="container">
  18.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  19.                 <li class="marker__none" itemprop="itemListElement" itemscope
  20.                     itemtype="https://schema.org/ListItem">
  21.                     <a itemprop="item" href="{{ path('citroen_homepage') }}">
  22.                         <span class="breadcrumbs__link" itemprop="name">CITROЁN</span></a>
  23.                     <meta itemprop="position" content="1"/>
  24.                 </li>
  25.                 <div class="arrow-bc"></div>
  26.                 <li class="marker__none" itemprop="itemListElement" itemscope
  27.                     itemtype="https://schema.org/ListItem">
  28.                     <a itemprop="item" href="{{ path('citroen_service_online-booking') }}">
  29.                         <span class="breadcrumbs__link" itemprop="name">{{ 'seo.service.title'|trans({}, 'dc_citroen') }}</span></a>
  30.                     <meta itemprop="position" content="2"/>
  31.                 </li>
  32.                 <div class="arrow-bc"></div>
  33.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  34.                     itemtype="https://schema.org/ListItem">
  35.                     <span style="color: #837F7F; font-family: 'UbuntuRegular';" class="breadcrumbs__link" itemprop="name">{{ 'seo.body_repair.title'|trans({}, 'dc_citroen') }}</span>
  36.                     <meta itemprop="position" content="3"/>
  37.                 </li>
  38.             </ol>
  39.         </div>
  40.     </section>
  41.     <section class="page-head-title">
  42.         <div class="container">
  43.             <div class="row">
  44.                 <div class="col-md-12">
  45.                     <h1 class="section-title-page">{{ seoMeta.h1 ?? 'seo.body_repair.title'|trans({}, 'dc_citroen') }}</h1>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.     </section>
  50.     <section class="warranty head-image-mobile">
  51.         <div class="container">
  52.             <div class="row">
  53.                 <div class="col-md-12">
  54.                     <img src="{{ asset('/bundles/dcsite/img/citroen/service/body-repair.png') }}" alt="" class="w-100">
  55.                 </div>
  56.             </div>
  57.         </div>
  58.     </section>
  59.     {#{% if app.request.locale == 'ru' %}#}
  60.         {#{% include '@DcSite/Citroen/Service/translations/body-repair.ru.html.twig' %}#}
  61.     {#{% else %}#}
  62.         {#{% include '@DcSite/Citroen/Service/translations/body-repair.ua.html.twig' %}#}
  63.     {#{% endif %}#}
  64.     {% include '@DcSiteBundle/Modules/body-repair/body-repair.html.twig' %}
  65. {% endblock %}
  66. {% block pageJS %}
  67.     <script>
  68.         app.onCustomEvent('appInit', function () {
  69.             app.loadJs("{{ asset('bundles/insurance/js/jquery.mCustomScrollbar.concat.min.js') }}");
  70.             app.loadJs("{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}", function () {
  71.                 $('.section-padding-page').lightGallery({
  72.                     selector: '.body_repair-image'
  73.                 });
  74.             });
  75.             app.loadJs("{{ asset('bundles/portal/js/body-repair-calc.js') }}", function () {
  76.                 initRepairCalc({
  77.                     initUrl: '{{ path('portal_repair_calc_init') }}',
  78.                     saveUrl: '{{ path('form_repair_calc') }}',
  79.                     privacyUrl: '{{ privacyUrl }}',
  80.                 });
  81.             });
  82.             $('.js-repair-photo').on('submit',function (e) {
  83.                 e.preventDefault();
  84.                 var formData = new FormData(this);
  85.                 var $form = $(this);
  86.                 $('#check_privacy', $(this)).remove('error');
  87.                 if (!$('.js-repair-photo .js-form-privacy input').prop('checked')) {
  88.                     $('#check_privacy', $(this)).addClass('error');
  89.                     return false;
  90.                 }
  91.                 $.ajax({
  92.                     url: $form.attr('action'),
  93.                     type: 'POST',
  94.                     data: formData,
  95.                     success: function (data) {
  96.                         $('#popup-sps').modal('show');
  97.                         try {
  98.                             dataLayer.push({'event' : 'event-to-go', 'eventAction': 'submit', 'eventCategory' : 'sto-all', 'eventLabel' : 'remont-kyzova' });
  99.                         } catch (e) {
  100.                             console.error('dataLayer event error');
  101.                         }
  102.                     },
  103.                     cache: false,
  104.                     contentType: false,
  105.                     processData: false
  106.                 });
  107.             });
  108.             /*PAGES FIXED MENU SCROLL*/
  109.             jQuery(window).scroll(function(){
  110.                 var $sections = $('main section');
  111.                 $sections.each(function(i,el){
  112.                     var top  = $(el).offset().top-100;
  113.                     var bottom = top +$(el).height();
  114.                     var scroll = $(window).scrollTop();
  115.                     var id = $(el).attr('id');
  116.                     if( scroll > top && scroll < bottom){
  117.                         $('.pages-menu-fixed a.active').removeClass('active');
  118.                         $('.pages-menu-fixed a[href="#'+id+'"]').addClass('active');
  119.                     }
  120.                 })
  121.             });
  122.             $(".pages-menu-fixed").on("click","a", function (event) {
  123.                 event.preventDefault();
  124.                 var id  = $(this).attr('href');
  125.                 if($(id).length == 0) {
  126.                     return false;
  127.                 }
  128.                 var top = $(id).offset().top-30;
  129.                 $('body,html').animate({scrollTop: top}, 800);
  130.             });
  131.             var button = $("#repair_photo_files");
  132.             function readURL(input) {
  133.                 if (input.files.length == 0) {
  134.                     return;
  135.                 }
  136.                 $.each(input.files, function () {
  137.                     var reader = new FileReader();
  138.                     reader.onload = function(e) {
  139.                         var imgWr = $("<div class='review-foto-wrap'><div class='review-image'><img src=\"#\" alt=\"load image\" /></div></div>");
  140.                         $('.review-image img',imgWr).attr('src', e.target.result);
  141.                         button.after(imgWr);
  142.                     };
  143.                     reader.readAsDataURL(this);
  144.                 });
  145.             }
  146.             $("#repair_photo_files").change(function() {
  147.                 $('.review-foto-wrap').replaceWith('');
  148.                 readURL(this);
  149.             });
  150.         });
  151.     </script>
  152. {% endblock pageJS %}