{% extends '@DcSite/Morris_Garage/base.html.twig' %}
{% block seo %}
<title>{{ 'seo.body_repair.title'|trans({}, 'dc_morris') }}</title>
<meta name="description" content="{{ 'seo.body_repair.desc'|trans({}, 'dc_morris') }}" />
<meta name="facebook-domain-verification" content="dzyq8tksmolgarcjvze99xuevh7wwz" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'seo.body_repair.title'|trans({}, 'dc_morris') }}"/>
<meta property="og:description" content="{{ 'seo.body_repair.desc'|trans({}, 'dc_morris') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/morris_garage/modules/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('mg_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Morris Garages</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #727272;" class="breadcrumbs__link" itemprop="name">{{ 'pages.service.breadcrumb_title'|trans({}, 'dc_morris') }}</span>
<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: #727272;" class="breadcrumbs__link" itemprop="name">{{ 'pages.body_repair.breadcrumb_title'|trans({}, 'dc_morris') }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<header class="page-header --repair">
<h1 class="section-title text-center mb-3">{{ 'pages.body_repair.title'|trans({}, 'dc_morris') }}</h1>
<div class="page-header__descr text-center">
{{ 'pages.body_repair.title_desc'|trans({}, 'dc_morris')|raw }}
<a href="#calcBodyRepair" class="btn --size-md page-header__more js-scroll-link">{{ 'btn.request_order'|trans({}, 'dc_morris') }}</a>
</div>
</header>
{% if app.request.locale == 'ru' %}
{% include '@DcSite/Morris_Garage/Service/translations/body-repair.ru.html.twig' %}
{% else %}
{% include '@DcSite/Morris_Garage/Service/translations/body-repair.ua.html.twig' %}
{% endif %}
{% include '@DcSiteBundle/Modules/body-repair/body-repair.html.twig' %}
<svg width="0" height="0" class="hidden">
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 23" id="icon-check">
<path d="M21.5626 6.2094L12.2979 15.4737L7.66553 10.8418" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0608 16.6739V20.7456C19.0608 21.0217 18.8369 21.2456 18.5608 21.2456H2.87109C2.59495 21.2456 2.37109 21.0217 2.37109 20.7456V5.05591C2.37109 4.77977 2.59495 4.55591 2.87109 4.55591H7.49722L8.02663 3.05591H2.87109C1.76652 3.05591 0.871094 3.95134 0.871094 5.05591V20.7456C0.871094 21.8502 1.76652 22.7456 2.87109 22.7456H18.5608C19.6653 22.7456 20.5608 21.8502 20.5608 20.7456V15.3614L19.0608 16.6739Z" fill="currentColor"/>
</symbol>
</svg>
{% 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 = $('main 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 %}