src/PortalBundle/Resources/views/Service/body-repair-sub-category.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     {% if subCategory.getContentByLocale(app.request.locale).getSeoTitle() is defined and subCategory.getContentByLocale(app.request.locale).getSeoTitle() is not empty %}
  5.         {% set title = subCategory.getContentByLocale(app.request.locale).getSeoTitle() %}
  6.     {% else %}
  7.         {% set title = 'seo.body_repair.title'|trans({}, 'portal_base') %}
  8.     {% endif %}
  9.     {% if subCategory.getContentByLocale(app.request.locale).getSeoDescription() is defined and subCategory.getContentByLocale(app.request.locale).getSeoDescription() is not empty %}
  10.         {% set description = subCategory.getContentByLocale(app.request.locale).getSeoDescription() %}
  11.     {% else %}
  12.         {% set description = 'seo.body_repair.description'|trans({}, 'portal_base') %}
  13.     {% endif %}
  14.     <title>{{ title }}</title>
  15.     <meta name="description" content="{{ description }}"/>
  16. {% endblock %}
  18. {% block css %}
  19.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/service.css') }}">
  20.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/service/body-repair.css') }}">
  21.     <link rel='stylesheet' type='text/css' href='{{ asset('bundles/insurance/css/jquery.mCustomScrollbar.css') }}'/>
  22.     <link rel='stylesheet' type='text/css' href='{{ asset('bundles/core/css/bootstrap_build/carousel.css') }}'/>
  23.     <link rel='stylesheet' type='text/css' href='{{ asset('bundles/core/css/modules/gallery/lightgallery.css') }}'/>
  26.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"
  27.           integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw=="
  28.           crossorigin="anonymous" referrerpolicy="no-referrer"/>
  29.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"
  30.           integrity="sha512-6lLUdeQ5uheMFbWm3CP271l14RsX1xtx+J5x2yeIDkkiBpeVTNhTqijME7GgRKKi6hCqovwCoBTlRBEC20M8Mg=="
  31.           crossorigin="anonymous" referrerpolicy="no-referrer"/>
  33. {% endblock %}
  35. {% block content %}
  36.     <section class="breadcrumbs__new">
  37.         <div class="container">
  38.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  39.                 <li class="marker__none" itemprop="itemListElement" itemscope
  40.                     itemtype="https://schema.org/ListItem">
  41.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  42.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  43.                     <meta itemprop="position" content="1"/>
  44.                 </li>
  46.                 <div class="arrow-bc"></div>
  47.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  48.                     itemtype="https://schema.org/ListItem">
  49.                     <a itemprop="item" href="{{ path('portal_service_body_repair') }}">
  50.                         <span style="color: #ABABAB" class="breadcrumbs__link"
  51.                               itemprop="name">{{ 'service.all.service'|trans({}, 'portal_base') }}</span></a>
  52.                     <meta itemprop="position" content="2"/>
  53.                 </li>
  55.                 <div class="arrow-bc"></div>
  56.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  57.                     itemtype="https://schema.org/ListItem">
  58.                     <a itemprop="item" href="{{ path('portal_service_body_repair') }}">
  59.                         <span style="color: #ABABAB" class="breadcrumbs__link"
  60.                               itemprop="name">{{ 'service.body_repair.title_body_repair_new'|trans({}, 'portal_base') }}</span></a>
  61.                     <meta itemprop="position" content="3"/>
  62.                 </li>
  64.                 <div class="arrow-bc"></div>
  65.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  66.                     itemtype="https://schema.org/ListItem">
  67.                     <a itemprop="item"
  68.                        href="{{ path('portal_service_body_repair_category', { 'category': subCategory.parentCategory.url }) }}">
  69.                         <span style="color: #ABABAB" class="breadcrumbs__link"
  70.                               itemprop="name">{{ subCategory.parentCategory.getContentByLocale(app.request.locale).title }}</span></a>
  71.                     <meta itemprop="position" content="4"/>
  72.                 </li>
  74.                 <div class="arrow-bc"></div>
  75.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  76.                     itemtype="https://schema.org/ListItem">
  77.                     <span style="color: #ABABAB" class="breadcrumbs__link"
  78.                           itemprop="name">{{ subCategory.getContentByLocale(app.request.locale).title }}</span>
  79.                     <meta itemprop="position" content="5"/>
  80.                 </li>
  81.             </ol>
  82.         </div>
  83.     </section>
  85.     <section class="section__list__body__repair__services">
  86.         <div class="container">
  87.             <div class="list__body__repair__services__wrapper">
  88.                 <div class="list__body__repair__services__title__wrapper">
  89.                     <h1 class="list__body__repair__services__title">{{ subCategory.getContentByLocale(app.request.locale).title }}</h1>
  90.                 </div>
  92.             </div>
  93.         </div>
  94.     </section>
  96.     {# Калькулятор кузовний ремонт #}
  97.     {% include '@Portal/Modules/calc-body-repair.html.twig' %}
  99.     <section class="section__body__repair__wrapper">
  100.         <div class="container">
  101.             <p>{{ subCategory.getContentByLocale(app.request.locale).description|raw }}</p>
  102.         </div>
  103.     </section>
  105.     {# Контакти/Карта #}
  106.     {% include '@Portal/Modules/contacts-and-map.html.twig' %}
  108.     {# Наші переваги #}
  109.     {% include '@Portal/Modules/our-advantages.html.twig' %}
  111.     {# Слйдер акційні пропозиції кузовний сервіс #}
  112.     {% include '@Portal/Modules/slider-special-body-service.html.twig' %}
  114.     <section class="section__recommend__brand">
  115.         <div class="container">
  116.             <div class="recommend__brand__wrapper">
  117.                 {% for brand in brands %}
  118.                     <div class="recommend__brand__content">
  119.                         <div class="recommend__brand__img"
  120.                              style="background-image: url('{{ sonata_path(brand.image, 'reference') }}')"></div>
  121.                         <p>{{ brand.name }}</p>
  122.                     </div>
  123.                 {% endfor %}
  124.             </div>
  125.         </div>
  126.     </section>
  128. {% endblock %}
  130. {% block pageJS %}
  131.     <!-- Facebook Pixel Code -->
  132.     <script>
  133.         !function (f, b, e, v, n, t, s) {
  134.             if (f.fbq) return;
  135.             n = f.fbq = function () {
  136.                 n.callMethod ?
  137.                     n.callMethod.apply(n, arguments) : n.queue.push(arguments)
  138.             };
  139.             if (!f._fbq) f._fbq = n;
  140.             n.push = n;
  141.             n.loaded = !0;
  142.             n.version = '2.0';
  143.             n.queue = [];
  144.             t = b.createElement(e);
  145.             t.async = !0;
  146.             t.src = v;
  147.             s = b.getElementsByTagName(e)[0];
  148.             s.parentNode.insertBefore(t, s)
  149.         }(window, document, 'script',
  150.             'https://connect.facebook.net/en_US/fbevents.js');
  151.         fbq('init', '846867434118875');
  152.         fbq('track', 'PageView');
  153.     </script>
  154.     <noscript><img height="1" width="1" style="display:none"
  155.                    src="https://www.facebook.com/tr?id=846867434118875&ev=PageView&noscript=1"
  156.         /></noscript>
  157.     <!-- End Facebook Pixel Code -->
  159.     <script>
  160.         app.onCustomEvent('appInit', function () {
  161.             app.loadJs("{{ asset('bundles/insurance/js/jquery.mCustomScrollbar.concat.min.js') }}");
  163.             app.loadJs("{{ asset('bundles/core/js/modules/slick/slick.js') }}", function () {
  164.                 $('.promotional__propositions__slider').slick({
  165.                     infinite: false,
  166.                     slidesToShow: 3.5,
  167.                     prevArrow: ' <img class="slick-prev" src="{{ asset('bundles/portal/img/slider-arrow-left.svg') }}">',
  168.                     nextArrow: ' <img class="slick-next" src="{{ asset('bundles/portal/img/slider-arrow-right.svg') }}">',
  169.                     slidesToScroll: 1,
  171.                     responsive: [
  172.                         {
  173.                             breakpoint: 768,
  174.                             settings: {
  175.                                 centerPadding: '30px',
  176.                                 slidesToShow: 2,
  177.                                 autoplay: true,
  178.                                 autoplaySpeed: 2000
  179.                             }
  180.                         },
  181.                         {
  182.                             breakpoint: 480,
  183.                             settings: {
  184.                                 centerPadding: '30px',
  185.                                 slidesToShow: 1,
  186.                                 autoplay: true,
  187.                                 autoplaySpeed: 2000
  188.                             }
  189.                         }
  190.                     ]
  191.                 });
  192.             });
  194.             app.loadJs("{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}", function () {
  195.                 $('.section-padding-page').lightGallery({
  196.                     selector: '.body_repair-image'
  197.                 });
  198.             });
  199.             app.loadJs("{{ asset('bundles/portal/js/body-repair-calc.js') }}", function () {
  200.                 initRepairCalc({
  201.                     initUrl: '{{ path('portal_repair_calc_init') }}',
  202.                     saveUrl: '{{ path('form_repair_calc') }}',
  203.                     privacyUrl: '{{ privacyUrl }}',
  204.                 });
  205.             });
  206.             $('.js-repair-photo').on('submit', function (e) {
  207.                 e.preventDefault();
  208.                 var formData = new FormData(this);
  209.                 var $form = $(this);
  211.                 $('#check_privacy', $(this)).remove('error');
  212.                 if (!$('.js-repair-photo .js-form-privacy input').prop('checked')) {
  213.                     $('#check_privacy', $(this)).addClass('error');
  214.                     return false;
  215.                 }
  217.                 $.ajax({
  218.                     url: $form.attr('action'),
  219.                     type: 'POST',
  220.                     data: formData,
  221.                     success: function (data) {
  222.                         $('#modalSuccessMessagePopup').modal('show');
  223.                         try {
  224.                             dataLayer.push({
  225.                                 'event': 'event-to-go',
  226.                                 'eventAction': 'submit',
  227.                                 'eventCategory': 'sto-all',
  228.                                 'eventLabel': 'remont-kyzova'
  229.                             });
  230.                         } catch (e) {
  231.                             console.error('dataLayer event error');
  232.                         }
  233.                     },
  234.                     cache: false,
  235.                     contentType: false,
  236.                     processData: false
  237.                 });
  238.             });
  240.             var button = $("#repair_photo_files");
  242.             function readURL(input) {
  243.                 if (input.files.length == 0) {
  244.                     return;
  245.                 }
  246.                 $.each(input.files, function () {
  247.                     var reader = new FileReader();
  248.                     reader.onload = function (e) {
  249.                         var imgWr = $("<div class='review-foto-wrap'><div class='review-image'><img src=\"#\" alt=\"load image\" /></div></div>");
  250.                         $('.review-image img', imgWr).attr('src', e.target.result);
  251.                         button.after(imgWr);
  252.                     };
  253.                     reader.readAsDataURL(this);
  254.                 });
  255.             }
  257.             $("#repair_photo_files").change(function () {
  258.                 $('.review-foto-wrap').replaceWith('');
  259.                 readURL(this);
  260.             });
  262.         });
  263.     </script>
  264. {% endblock %}
  265. {% block suChatJS %}
  266.     {% include '@Portal/Modules/su-chat-widget.html.twig' %}
  267. {% endblock  %}