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

Open in your IDE?
  1. {% extends '@DcSite/Subaru/base.html.twig' %}
  4. {% block title %}
  5.     <title>{{ 'base.seo.title_br'|trans({}, 'dc_subaru') }}</title>
  6. {% endblock title %}
  8. {% block seo %}
  9.     <meta name="description" content="{{ 'base.seo.description_br'|trans({}, 'dc_subaru') }}" />
  10.     <meta name="keywords" content="{{ 'base.seo.keywords_br'|trans({}, 'dc_subaru') }}" />
  11. {% endblock seo %}
  13. {% block ogtagDynamic %}
  14.     <meta property="og:title" content="{{ 'base.seo.title_br'|trans({}, 'dc_subaru') }}"/>
  15.     <meta property="og:description" content="{{ 'base.seo.description_br'|trans({}, 'dc_subaru') }}"/>
  16. {% endblock ogtagDynamic %}
  18. {% block css %}
  19.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/subaru/landing-page.css') }}">
  20.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/subaru/services/body-repair.css') }}">
  21. {% endblock %}
  23. {% block content %}
  24.     <main>
  25.         <section class="breadcrumbs__new">
  26.             <div class="container">
  27.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  28.                     <li class="marker__none" itemprop="itemListElement" itemscope
  29.                         itemtype="https://schema.org/ListItem">
  30.                         <a itemprop="item" href="{{ path('subaru_homepage') }}">
  31.                             <span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
  32.                         <meta itemprop="position" content="1"/>
  33.                     </li>
  35.                     <div class="arrow-bcs"> ❯ </div>
  36.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  37.                         itemtype="https://schema.org/ListItem">
  38.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.service.index'|trans({}, 'dc_subaru') }}</span>
  39.                         <meta itemprop="position" content="2"/>
  40.                     </li>
  42.                     <div class="arrow-bcs"> ❯ </div>
  43.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  44.                         itemtype="https://schema.org/ListItem">
  45.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.service.body_rep'|trans({}, 'dc_subaru') }}</span>
  46.                         <meta itemprop="position" content="3"/>
  47.                     </li>
  48.                 </ol>
  49.             </div>
  50.         </section>
  52.         <section class="landing-page landing-padding-image-block">
  53.             <div class="container landing-page-bg-service bg-body">
  54.                 <div class="row">
  55.                     <div class="col-md-2">
  57.                     </div>
  58.                     <div class="col-md-8">
  59.                         <h1>{{ 'menu.service.body_rep'|trans({}, 'dc_subaru') }} Subaru</h1>
  60.                         <span class="landing-page-line"></span>
  61.                     </div>
  62.                     <div class="col-md-2">
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </section>
  69.         {% include '@DcSiteBundle/Modules/body-repair/body-repair.html.twig' %}
  70.         {#<section class="landing-padding">#}
  71.             {#<div class="container">#}
  72.                 {#<div class="row">#}
  73.                     {#{% include '@DcSite/Subaru/About/includes/aside_contacts.html.twig' %}#}
  74.                     {#{% if app.request.locale == 'ru' %}#}
  75.                         {#{% include '@DcSite/Subaru/Service/translations/body-repair_ru.html.twig' %}#}
  76.                     {#{% else %}#}
  77.                         {#{% include '@DcSite/Subaru/Service/translations/body-repair_ua.html.twig' %}#}
  78.                     {#{% endif %}#}
  79.                     {#{% include '@DcSite/Subaru/Service/includes/aside_nav.html.twig' with {#}
  80.                         {#active: 'body',#}
  81.                     {#} %}#}
  82.                 {#</div>#}
  83.             {#</div>#}
  84.         {#</section>#}
  86.         {#<section class="body-repair-services landing-padding bg-grey">#}
  87.             {#<div class="container">#}
  88.                 {#<div class="row">#}
  89.                     {#<div class="col-md-2">#}
  91.                     {#</div>#}
  92.                     {#<div class="col-md-8">#}
  93.                         {#<span class="landing-title">{{ 'other.our_services'|trans({}, 'dc_subaru') }}</span>#}
  94.                         {#<div class="row">#}
  95.                             {#<div class="col-md-6">#}
  96.                                 {#<div class="body-repair-adv">#}
  97.                                     {#<div class="body-repair-img">#}
  98.                                         {#<img src="{{ asset('bundles/dcsite/img/subaru/icon/check.png') }}" alt="">#}
  99.                                     {#</div>#}
  100.                                     {#<div class="body-repair-title">#}
  101.                                         {#<span>{{ 'pages.body.service_0'|trans({}, 'dc_subaru') }}</span>#}
  102.                                     {#</div>#}
  103.                                 {#</div>#}
  104.                                 {#<div class="body-repair-adv">#}
  105.                                     {#<div class="body-repair-img">#}
  106.                                         {#<img src="{{ asset('bundles/dcsite/img/subaru/icon/car-second.png') }}" alt="">#}
  107.                                     {#</div>#}
  108.                                     {#<div class="body-repair-title">#}
  109.                                         {#<span>{{ 'pages.body.service_1'|trans({}, 'dc_subaru') }}</span>#}
  110.                                     {#</div>#}
  111.                                 {#</div>#}
  112.                                 {#<div class="body-repair-adv">#}
  113.                                     {#<div class="body-repair-img">#}
  114.                                         {#<img src="{{ asset('bundles/dcsite/img/subaru/icon/settings-icon.png') }}" alt="">#}
  115.                                     {#</div>#}
  116.                                     {#<div class="body-repair-title">#}
  117.                                         {#<span>{{ 'pages.body.service_2'|trans({}, 'dc_subaru') }}</span>#}
  118.                                     {#</div>#}
  119.                                 {#</div>#}
  120.                                 {#<div class="body-repair-adv mb-0">#}
  121.                                     {#<div class="body-repair-img">#}
  122.                                         {#<img src="{{ asset('bundles/dcsite/img/subaru/icon/polirovka-icon.png') }}" alt="">#}
  123.                                     {#</div>#}
  124.                                     {#<div class="body-repair-title">#}
  125.                                         {#<span>{{ 'pages.body.service_3'|trans({}, 'dc_subaru') }}</span>#}
  126.                                     {#</div>#}
  127.                                 {#</div>#}
  128.                             {#</div>#}
  129.                             {#<div class="col-md-6">#}
  130.                                 {#<div class="body-repair-adv">#}
  131.                                     {#<div class="body-repair-img">#}
  132.                                         {#<img src="{{ asset('bundles/dcsite/img/subaru/icon/Car.png') }}" alt="">#}
  133.                                     {#</div>#}
  134.                                     {#<div class="body-repair-title">#}
  135.                                         {#<span>{{ 'pages.body.service_4'|trans({}, 'dc_subaru') }}</span>#}
  136.                                     {#</div>#}
  137.                                 {#</div>#}
  138.                                 {#<div class="body-repair-adv">#}
  139.                                     {#<div class="body-repair-img">#}
  140.                                         {#<img src="{{ asset('bundles/dcsite/img/subaru/icon/man-icon.png') }}" alt="">#}
  141.                                     {#</div>#}
  142.                                     {#<div class="body-repair-title">#}
  143.                                         {#<span>{{ 'pages.body.service_5'|trans({}, 'dc_subaru') }}</span>#}
  144.                                     {#</div>#}
  145.                                 {#</div>#}
  146.                                 {#<div class="body-repair-adv">#}
  147.                                     {#<div class="body-repair-img">#}
  148.                                         {#<img src="{{ asset('bundles/dcsite/img/subaru/icon/painting-icon.png') }}" alt="">#}
  149.                                     {#</div>#}
  150.                                     {#<div class="body-repair-title">#}
  151.                                         {#<span>{{ 'pages.body.service_6'|trans({}, 'dc_subaru') }}</span>#}
  152.                                     {#</div>#}
  153.                                 {#</div>#}
  154.                                 {#<div class="body-repair-adv mb-0">#}
  155.                                     {#<div class="body-repair-img">#}
  156.                                         {#<img src="{{ asset('bundles/dcsite/img/subaru/icon/glass-icon.png') }}" alt="">#}
  157.                                     {#</div>#}
  158.                                     {#<div class="body-repair-title">#}
  159.                                         {#<span>{{ 'pages.body.service_7'|trans({}, 'dc_subaru') }}</span>#}
  160.                                     {#</div>#}
  161.                                 {#</div>#}
  162.                             {#</div>#}
  163.                         {#</div>#}
  164.                     {#</div>#}
  165.                     {#<div class="col-md-2">#}
  167.                     {#</div>#}
  168.                 {#</div>#}
  169.             {#</div>#}
  170.         {#</section>#}
  172.         {#<section class="landing-padding ">#}
  173.             {#<div class="container">#}
  174.                 {#<div class="row">#}
  175.                     {#<div class="col-md-2">#}
  177.                     {#</div>#}
  178.                     {#<div class="col-md-8">#}
  179.                         {#<span class="landing-title">{{ 'pages.body.trust_us'|trans({}, 'dc_subaru') }}</span>#}
  180.                         {#<p class="landing-paragraph">{{ 'pages.body.trust_us_title'|trans({}, 'dc_subaru') }}</p>#}
  181.                         {#<div class="row row-insurance-logo">#}
  182.                             {#<div class="col-md-3 insurance-logo insurance-logo-first-line">#}
  183.                                 {#<img src="{{ asset('bundles/dcsite/img/subaru/ukringroup-logo.png') }}" alt="" style="width: 148px;">#}
  184.                             {#</div>#}
  185.                             {#<div class="col-md-3 insurance-logo insurance-logo-first-line">#}
  186.                                 {#<img src="{{ asset('bundles/dcsite/img/subaru/sk-axa-logo.png') }}" alt="" style="width: 148px;">#}
  187.                             {#</div>#}
  188.                             {#<div class="col-md-3 insurance-logo insurance-logo-first-line">#}
  189.                                 {#<img src="{{ asset('bundles/dcsite/img/subaru/uniga-insurance.png') }}" alt="" style="width: 82px;">#}
  190.                             {#</div>#}
  191.                             {#<div class="col-md-3 insurance-logo insurance-logo-first-line">#}
  192.                                 {#<img src="{{ asset('bundles/dcsite/img/subaru/INGO-logo.png') }}" alt="" style="width: 155px;">#}
  193.                             {#</div>#}
  194.                             {#<div class="col-md-3 insurance-logo">#}
  195.                                 {#<img src="{{ asset('bundles/dcsite/img/subaru/Arsenal-logo.png') }}" alt="" style="width: 157px;">#}
  196.                             {#</div>#}
  197.                             {#<div class="col-md-3 insurance-logo">#}
  198.                                 {#<img src="{{ asset('bundles/dcsite/img/subaru/tac-logo.png') }}" alt="" style="width: 148px;">#}
  199.                             {#</div>#}
  200.                             {#<div class="col-md-3 insurance-logo">#}
  201.                                 {#<img src="{{ asset('bundles/dcsite/img/subaru/aska-logo.png') }}" alt="" style="width: 74px;">#}
  202.                             {#</div>#}
  203.                             {#<div class="col-md-3 insurance-logo">#}
  204.                                 {#<img src="{{ asset('bundles/dcsite/img/subaru/providna-logo.png') }}" alt="" style="width: 153px;">#}
  205.                             {#</div>#}
  206.                         {#</div>#}
  207.                     {#</div>#}
  208.                     {#<div class="col-md-2">#}
  210.                     {#</div>#}
  211.                 {#</div>#}
  212.             {#</div>#}
  213.         {#</section>#}
  215.         {#<section class="landing-padding bg-grey">#}
  216.             {#<div class="container">#}
  217.                 {#<div class="row justify-content-center">#}
  218.                     {#<div class="col-md-8">#}
  219.                         {#<div class="row">#}
  220.                             {#<div class="col-12 text-center">#}
  221.                                 {#<b class="landing-subtitle">{{ 'form_interested.title'|trans({}, 'dc_subaru') }}</b>#}
  222.                             {#</div>#}
  223.                             {#<div class="col-12 text-center">#}
  224.                                 {#<p class="landing-paragraph">{{ 'form_interested.sub_title'|trans({}, 'dc_subaru') }}</p>#}
  225.                             {#</div>#}
  226.                             {#<div class="col-md-4 offset-md-4">#}
  227.                                 {#<a href="{{ path('subaru_service_order_to') }}#order-to-pin" class="btn btn-feedback">{{ 'site.order_consult'|trans({}, 'dc_base') }}</a>#}
  228.                             {#</div>#}
  229.                         {#</div>#}
  231.                     {#</div>#}
  232.                 {#</div>#}
  233.             {#</div>#}
  234.         {#</section>#}
  235.         {#<section class="landing-padding">#}
  236.             {#<div class="container">#}
  237.                 {#<div class="row justify-content-center">#}
  238.                     {#{% if app.request.locale == 'ru' %}#}
  239.                         {#{% include '@DcSite/Subaru/Service/translations/body-repair_seo_ru.html.twig' %}#}
  240.                     {#{% else %}#}
  241.                         {#{% include '@DcSite/Subaru/Service/translations/body-repair_seo_ua.html.twig' %}#}
  242.                     {#{% endif %}#}
  243.                 {#</div>#}
  244.             {#</div>#}
  245.         {#</section>#}
  249.     </main>
  250. {% endblock content %}
  252. {% block pageJs %}
  253.     <script>
  254.         app.onCustomEvent('appInit', function () {
  255.             app.loadJs("{{ asset('bundles/insurance/js/jquery.mCustomScrollbar.concat.min.js') }}");
  256.             app.loadJs("{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}", function () {
  257.                 $('.section-padding-page').lightGallery({
  258.                     selector: '.body_repair-image'
  259.                 });
  260.             });
  261.             app.loadJs("{{ asset('bundles/portal/js/body-repair-calc.js') }}", function () {
  262.                 initRepairCalc({
  263.                     initUrl: '{{ path('portal_repair_calc_init') }}',
  264.                     saveUrl: '{{ path('form_repair_calc') }}',
  265.                     privacyUrl: '{{ privacyUrl }}',
  266.                 });
  267.             });
  268.             $('.js-repair-photo').on('submit',function (e) {
  269.                 e.preventDefault();
  270.                 var formData = new FormData(this);
  271.                 var $form = $(this);
  273.                 $('#check_privacy', $(this)).remove('error');
  274.                 if (!$('.js-repair-photo .js-form-privacy input').prop('checked')) {
  275.                     $('#check_privacy', $(this)).addClass('error');
  276.                     return false;
  277.                 }
  279.                 $.ajax({
  280.                     url: $form.attr('action'),
  281.                     type: 'POST',
  282.                     data: formData,
  283.                     success: function (data) {
  284.                         $('#popup-sps').modal('show');
  285.                         try {
  286.                             dataLayer.push({'event' : 'event-to-go', 'eventAction': 'submit', 'eventCategory' : 'sto-all', 'eventLabel' : 'remont-kyzova' });
  287.                         } catch (e) {
  288.                             console.error('dataLayer event error');
  289.                         }
  290.                     },
  291.                     cache: false,
  292.                     contentType: false,
  293.                     processData: false
  294.                 });
  295.             });
  297.             /*PAGES FIXED MENU SCROLL*/
  298.             jQuery(window).scroll(function(){
  299.                 var $sections = $('section');
  300.                 $sections.each(function(i,el){
  301.                     var top  = $(el).offset().top-100;
  302.                     var bottom = top +$(el).height();
  303.                     var scroll = $(window).scrollTop();
  304.                     var id = $(el).attr('id');
  305.                     if( scroll > top && scroll < bottom){
  306.                         $('.pages-menu-fixed a.active').removeClass('active');
  307.                         $('.pages-menu-fixed a[href="#'+id+'"]').addClass('active');
  309.                     }
  310.                 })
  311.             });
  312.             $(".pages-menu-fixed").on("click","a", function (event) {
  313.                 event.preventDefault();
  314.                 var id  = $(this).attr('href');
  315.                 if($(id).length == 0) {
  316.                     return false;
  317.                 }
  318.                 var top = $(id).offset().top-30;
  319.                 $('body,html').animate({scrollTop: top}, 800);
  320.             });
  322.             var button = $("#repair_photo_files");
  323.             function readURL(input) {
  324.                 if (input.files.length == 0) {
  325.                     return;
  326.                 }
  327.                 $.each(input.files, function () {
  328.                     var reader = new FileReader();
  329.                     reader.onload = function(e) {
  330.                         var imgWr = $("<div class='review-foto-wrap'><div class='review-image'><img src=\"#\" alt=\"load image\" /></div></div>");
  331.                         $('.review-image img',imgWr).attr('src', e.target.result);
  332.                         button.after(imgWr);
  333.                     };
  334.                     reader.readAsDataURL(this);
  335.                 });
  336.             }
  337.             $("#repair_photo_files").change(function() {
  338.                 $('.review-foto-wrap').replaceWith('');
  339.                 readURL(this);
  340.             });
  342.         });
  343.     </script>
  344. {% endblock pageJs %}