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

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