{% extends '@DcSite/Peugeot/base.html.twig' %}
{% block seo %}
<title>{{ 'seo.body_repair.title'|trans({}, 'dc_peugeot') }}</title>
<meta name="description" content="{{ 'seo.body_repair.desc'|trans({}, 'dc_peugeot') }}" />
<meta name="keywords" content="" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'seo.body_repair.title'|trans({}, 'dc_peugeot') }}"/>
<meta property="og:description" content="{{ 'seo.body_repair.desc'|trans({}, 'dc_peugeot') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/peugeot/services/style.css') }}">
<link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/peugeot/services/body-repair.css') }}">
{% endblock %}
{% block content %}
<section class="breadcrumbs__new">
<div class="container">
<ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('peugeot_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('peugeot_service_online-booking') }}">
<span class="breadcrumbs__link" itemprop="name">{{ 'main.service'|trans({}, 'dc_peugeot') }}</span></a>
<meta itemprop="position" content="2"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ 'menu.body_repair'|trans({}, 'dc_peugeot') }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<section class="body_repair">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 pl-0 pr-0">
<div class="row mb-4">
<div class="col-md-12 custom-padd pb-0">
<h1 class="section-title mb-0">{{ 'menu.body_repair'|trans({}, 'dc_peugeot') }}</h1>
</div>
</div>
</div>
</div>
</div>
{% include '@DcSiteBundle/Modules/body-repair/body-repair.html.twig' %}
</section>
{% endblock %}
{% block pageJS %}
<script>
app.onCustomEvent('appInit', function () {
app.loadJs("{{ asset('bundles/insurance/js/jquery.mCustomScrollbar.concat.min.js') }}");
app.loadJs("{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}", function () {
$('.section-padding-page').lightGallery({
selector: '.body_repair-image'
});
});
app.loadJs("{{ asset('bundles/portal/js/body-repair-calc.js') }}", function () {
initRepairCalc({
initUrl: '{{ path('portal_repair_calc_init') }}',
saveUrl: '{{ path('form_repair_calc') }}',
privacyUrl: '{{ privacyUrl }}',
});
});
$('.js-repair-photo').on('submit',function (e) {
e.preventDefault();
var formData = new FormData(this);
var $form = $(this);
$('#check_privacy', $(this)).remove('error');
if (!$('.js-repair-photo .js-form-privacy input').prop('checked')) {
$('#check_privacy', $(this)).addClass('error');
return false;
}
$.ajax({
url: $form.attr('action'),
type: 'POST',
data: formData,
success: function (data) {
$('#popup-sps').modal('show');
try {
dataLayer.push({'event' : 'event-to-go', 'eventAction': 'submit', 'eventCategory' : 'sto-all', 'eventLabel' : 'remont-kyzova' });
} catch (e) {
console.error('dataLayer event error');
}
},
cache: false,
contentType: false,
processData: false
});
});
/*PAGES FIXED MENU SCROLL*/
jQuery(window).scroll(function(){
var $sections = $('section');
$sections.each(function(i,el){
var top = $(el).offset().top-100;
var bottom = top +$(el).height();
var scroll = $(window).scrollTop();
var id = $(el).attr('id');
if( scroll > top && scroll < bottom){
$('.pages-menu-fixed a.active').removeClass('active');
$('.pages-menu-fixed a[href="#'+id+'"]').addClass('active');
}
})
});
$(".pages-menu-fixed").on("click","a", function (event) {
event.preventDefault();
var id = $(this).attr('href');
if($(id).length == 0) {
return false;
}
var top = $(id).offset().top-30;
$('body,html').animate({scrollTop: top}, 800);
});
var button = $("#repair_photo_files");
function readURL(input) {
if (input.files.length == 0) {
return;
}
$.each(input.files, function () {
var reader = new FileReader();
reader.onload = function(e) {
var imgWr = $("<div class='review-foto-wrap'><div class='review-image'><img src=\"#\" alt=\"load image\" /></div></div>");
$('.review-image img',imgWr).attr('src', e.target.result);
button.after(imgWr);
};
reader.readAsDataURL(this);
});
}
$("#repair_photo_files").change(function() {
$('.review-foto-wrap').replaceWith('');
readURL(this);
});
});
</script>
{% endblock pageJS %}