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

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