src/PortalBundle/Resources/views/Service/work-group-brand-service.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ seoMeta.title ? seoMeta.title :
  5.         workGroup.getTitle(app.request.locale) ~ ' ' ~ brand.getName()  ~ ' - ' ~'service.car_repair_page.seo_title'|trans({}, 'portal_base')}}</title>
  6.     <meta name="description" content="{{
  7.     seoMeta.description ? seoMeta.description :
  8.      workGroup.getTitle(app.request.locale) ~ ' ' ~ brand.getName()  ~ ' ' ~ 'service.car_repair_page.seo_description'|trans({}, 'portal_base')
  9.     }}">
  10.     {% if seoMeta.robots %}
  11.         <meta name="robots" content="{{ seoMeta.robots }}">
  12.     {% endif %}
  13.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/portal/css/portalServiceCarRepair.css?{{ VERSION }}">
  14. {% endblock %}
  16. {% block css %}
  17.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/service-by-dealer.css') }}">
  18. {% endblock  %}
  20. {% block content %}
  21.     <section class="breadcrumbs__new">
  22.         <div class="container">
  23.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  24.                 <li class="marker__none" itemprop="itemListElement" itemscope
  25.                     itemtype="https://schema.org/ListItem">
  26.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  27.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  28.                     <meta itemprop="position" content="1"/>
  29.                 </li>
  31.                 <div class="arrow-bc"></div>
  32.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  33.                     itemtype="https://schema.org/ListItem">
  34.                     <a itemprop="item" href="{{ path('portal_service') }}">
  35.                         <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.all.service'|trans({}, 'portal_base') }}</span>
  36.                     </a>
  37.                     <meta itemprop="position" content="2"/>
  38.                 </li>
  40.                 <div class="arrow-bc"></div>
  41.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  42.                     <a itemprop="item" href="{{ path('portal_car_repair') }}">
  43.                         <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.car_repair'|trans({}, 'portal_base') }}</span>
  44.                     </a>
  45.                     <meta itemprop="position" content="2"/>
  46.                 </li>
  48.                 <div class="arrow-bc"></div>
  49.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  50.                     itemtype="https://schema.org/ListItem">
  51.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ workGroup.getTitle(app.request.locale)}} {{ brand.getName() }}</span>
  52.                     <meta itemprop="position" content="4"/>
  53.                 </li>
  54.             </ol>
  55.         </div>
  56.     </section>
  58.     <div>
  60.         <section class="section_search_number">
  61.             <div class="container">
  62.                 <div id="serviceModule">
  64.                     <div class="search_number_wrapper">
  65.                         <div class="secton__number-col number-col-flex">
  66.                             <h1 class="number-bg-title">
  67.                                 {% if seoMeta.h1 %}
  68.                                     {{ seoMeta.h1 }}
  69.                                 {% else %}
  70.                                     {{ workGroup.getTitle(app.request.locale)}} {{ brand.getName() }}
  71.                                 {% endif %}
  72.                             </h1>
  74.                             <p class="number-bg-sub-title number-bg-sub-title-c">{{ 'service.car_repair_page.work_with'|trans({}, 'portal_base') }}</p>
  75.                             <div class="service_banner_adresss banner_adresss_number">
  76.                                 <div class="service_banner_adresss_box">
  77.                                     <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  78.                                         <path d="M18.333 9.54167V7.5C18.3333 7.27447 18.2892 7.0511 18.203 6.84267C18.1169 6.63425 17.9904 6.44488 17.8309 6.2854C17.6715 6.12593 17.4821 5.99949 17.2737 5.91334C17.0652 5.82719 16.8419 5.78301 16.6163 5.78334H15.4997L6.37468 1.98334C6.21952 1.9178 6.05283 1.88396 5.8844 1.88379C5.71598 1.88362 5.54922 1.91713 5.39393 1.98235C5.23864 2.04757 5.09797 2.14318 4.98017 2.26357C4.86238 2.38395 4.76984 2.52667 4.70801 2.68334L3.46634 5.78334H2.54968C2.32415 5.78301 2.10077 5.82719 1.89235 5.91334C1.68392 5.99949 1.49455 6.12593 1.33508 6.2854C1.1756 6.44488 1.04917 6.63425 0.963013 6.84267C0.876859 7.0511 0.83268 7.27447 0.83301 7.5V17.4C0.83268 17.6255 0.876859 17.8489 0.963013 18.0573C1.04917 18.2658 1.1756 18.4551 1.33508 18.6146C1.49455 18.7741 1.68392 18.9005 1.89235 18.9867C2.10077 19.0728 2.32415 19.117 2.54968 19.1167H16.6163C16.8419 19.117 17.0652 19.0728 17.2737 18.9867C17.4821 18.9005 17.6715 18.7741 17.8309 18.6146C17.9904 18.4551 18.1169 18.2658 18.203 18.0573C18.2892 17.8489 18.3333 17.6255 18.333 17.4V15.3583C18.5559 15.3506 18.7671 15.2569 18.9224 15.0969C19.0778 14.9369 19.1652 14.723 19.1663 14.5V10.4C19.1652 10.177 19.0778 9.9631 18.9224 9.8031C18.7671 9.6431 18.5559 9.54942 18.333 9.54167ZM5.48301 2.99167C5.503 2.9374 5.53407 2.88789 5.57424 2.84628C5.61441 2.80467 5.66281 2.77189 5.71634 2.75C5.82356 2.70841 5.94246 2.70841 6.04968 2.75L13.333 5.78334H11.3163L6.38301 4.14167C6.28123 4.10624 6.16969 4.11162 6.0718 4.15668C5.97391 4.20175 5.89728 4.28298 5.85801 4.38334L5.31634 5.78334H4.36634L5.48301 2.99167ZM8.68301 5.78334H6.21634L6.49134 5.05834L8.68301 5.78334ZM17.4997 17.4C17.4995 17.6342 17.4063 17.8588 17.2407 18.0244C17.0751 18.19 16.8506 18.2831 16.6163 18.2833H2.54968C2.31547 18.2831 2.09092 18.19 1.92531 18.0244C1.7597 17.8588 1.66656 17.6342 1.66634 17.4V7.5C1.66787 7.2662 1.76143 7.04241 1.92675 6.87708C2.09208 6.71176 2.31587 6.6182 2.54968 6.61667H16.6163C16.8501 6.6182 17.0739 6.71176 17.2393 6.87708C17.4046 7.04241 17.4981 7.2662 17.4997 7.5V9.53334H13.7497C12.9761 9.53334 12.2343 9.84063 11.6873 10.3876C11.1403 10.9346 10.833 11.6765 10.833 12.45C10.833 13.2236 11.1403 13.9654 11.6873 14.5124C12.2343 15.0594 12.9761 15.3667 13.7497 15.3667H17.4997V17.4ZM18.333 14.5C18.3324 14.5087 18.3287 14.5168 18.3226 14.5229C18.3165 14.5291 18.3083 14.5328 18.2997 14.5333H13.7497C13.1971 14.5333 12.6672 14.3138 12.2765 13.9231C11.8858 13.5324 11.6663 13.0025 11.6663 12.45C11.6663 11.8975 11.8858 11.3676 12.2765 10.9769C12.6672 10.5862 13.1971 10.3667 13.7497 10.3667L18.333 10.4V14.5Z" fill="#E40C25"/>
  79.                                         <path d="M13.75 11.2C13.5028 11.2 13.2611 11.2733 13.0555 11.4106C12.85 11.548 12.6898 11.7432 12.5952 11.9716C12.5005 12.2 12.4758 12.4513 12.524 12.6938C12.5723 12.9363 12.6913 13.159 12.8661 13.3338C13.0409 13.5087 13.2637 13.6277 13.5061 13.6759C13.7486 13.7242 13.9999 13.6994 14.2284 13.6048C14.4568 13.5102 14.652 13.35 14.7893 13.1444C14.9267 12.9389 15 12.6972 15 12.45C15 12.1184 14.8683 11.8005 14.6339 11.5661C14.3995 11.3316 14.0815 11.2 13.75 11.2ZM13.75 12.8666C13.6676 12.8666 13.587 12.8422 13.5185 12.7964C13.45 12.7506 13.3966 12.6855 13.3651 12.6094C13.3335 12.5333 13.3253 12.4495 13.3413 12.3687C13.3574 12.2878 13.3971 12.2136 13.4554 12.1553C13.5136 12.0971 13.5879 12.0574 13.6687 12.0413C13.7495 12.0252 13.8333 12.0335 13.9095 12.065C13.9856 12.0965 14.0507 12.1499 14.0964 12.2185C14.1422 12.287 14.1667 12.3675 14.1667 12.45C14.1667 12.5605 14.1228 12.6664 14.0446 12.7446C13.9665 12.8227 13.8605 12.8666 13.75 12.8666Z" fill="#E40C25"/>
  80.                                         <path d="M5.83301 8.69999C5.83301 8.8105 5.78911 8.91648 5.71097 8.99462C5.63283 9.07276 5.52685 9.11666 5.41634 9.11666H3.74967C3.63917 9.11666 3.53319 9.07276 3.45505 8.99462C3.37691 8.91648 3.33301 8.8105 3.33301 8.69999C3.33301 8.58948 3.37691 8.4835 3.45505 8.40536C3.53319 8.32722 3.63917 8.28333 3.74967 8.28333H5.41634C5.52685 8.28333 5.63283 8.32722 5.71097 8.40536C5.78911 8.4835 5.83301 8.58948 5.83301 8.69999Z" fill="#E40C25"/>
  81.                                         <path d="M7.49967 10.3666C7.49967 10.4771 7.45578 10.5831 7.37764 10.6612C7.2995 10.7394 7.19351 10.7833 7.08301 10.7833H3.74967C3.63917 10.7833 3.53319 10.7394 3.45505 10.6612C3.37691 10.5831 3.33301 10.4771 3.33301 10.3666C3.33301 10.2561 3.37691 10.1501 3.45505 10.072C3.53319 9.99385 3.63917 9.94995 3.74967 9.94995H7.08301C7.19351 9.94995 7.2995 9.99385 7.37764 10.072C7.45578 10.1501 7.49967 10.2561 7.49967 10.3666Z" fill="#E40C25"/>
  82.                                     </svg>
  83.                                     <span class="banner_text_info">{{ 'service.car_repair_page.price_from'|trans({'price': minPrice}, 'portal_base') }}</span>
  84.                                 </div>
  85.                                 <div class="service_banner_adresss_box">
  86.                                     <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  87.                                         <g clip-path="url(#clip0_1701_12452)">
  88.                                             <path d="M17.0711 3.42892C15.1823 1.54019 12.6711 0.5 10 0.5C7.32895 0.5 4.81766 1.54019 2.92892 3.42892C1.04019 5.31766 0 7.8288 0 10.4998C0 13.1711 1.04019 15.6822 2.92892 17.5709C4.81766 19.4598 7.32895 20.5 10 20.5C12.6711 20.5 15.1823 19.4598 17.0711 17.5711C18.9598 15.6822 20 13.1711 20 10.4998C20 7.8288 18.9598 5.31766 17.0711 3.42892ZM10 19.328C5.13214 19.328 1.17188 15.3677 1.17188 10.4998C1.17188 5.63214 5.13214 1.67188 10 1.67188C14.8679 1.67188 18.8281 5.63214 18.8281 10.5C18.8281 15.3677 14.8679 19.328 10 19.328Z" fill="#E40C25"/>
  89.                                             <path d="M16.5009 14.2164C17.13 13.1207 17.49 11.8516 17.49 10.5C17.49 9.14838 17.1299 7.8793 16.5009 6.78342C16.4962 6.77396 16.4919 6.7645 16.4866 6.75534C16.4792 6.74268 16.4712 6.73093 16.4631 6.71902C15.8134 5.61261 14.8878 4.68701 13.7813 4.03729C13.7696 4.02921 13.7578 4.02112 13.7453 4.01379C13.736 4.00845 13.7264 4.00418 13.7169 3.99945C12.6212 3.37033 11.352 3.01038 10.0004 3.01038C8.64859 3.01038 7.37952 3.37048 6.28363 3.99945C6.27432 4.00418 6.26486 4.00845 6.25555 4.01379C6.24319 4.02097 6.23145 4.02905 6.2197 4.03699C5.11328 4.68671 4.18753 5.6123 3.53766 6.71872C3.52957 6.73077 3.52148 6.74252 3.51401 6.75534C3.50867 6.76465 3.50424 6.77426 3.49951 6.78387C2.8707 7.87961 2.51074 9.14853 2.51074 10.4998C2.51074 11.8513 2.8707 13.1202 3.49951 14.216C3.50424 14.2256 3.50867 14.2352 3.51416 14.2447C3.5224 14.259 3.5314 14.2727 3.54071 14.2862C4.19028 15.3903 5.11481 16.3141 6.21954 16.9627C6.23129 16.9708 6.24304 16.9789 6.25555 16.9861C6.26837 16.9935 6.28149 17.0002 6.29462 17.0067C7.38806 17.6318 8.65317 17.9895 10.0004 17.9895C11.3476 17.9895 12.6127 17.6318 13.7061 17.0067C13.7192 17.0002 13.7322 16.9935 13.7452 16.9861C13.7577 16.9789 13.7693 16.9708 13.7812 16.9629C14.8859 16.3141 15.8105 15.3901 16.4602 14.286C16.4693 14.2726 16.4783 14.259 16.4866 14.2447C16.4919 14.2355 16.4962 14.2259 16.5009 14.2164ZM13.6519 15.6527L13.6458 15.6422C13.4839 15.3621 13.1255 15.2661 12.8454 15.4278C12.5651 15.5896 12.4691 15.948 12.631 16.2281L12.6378 16.2401C12.0034 16.5327 11.3125 16.7231 10.5863 16.7903V16.7759C10.5863 16.4525 10.324 16.19 10.0004 16.19C9.67673 16.19 9.41443 16.4525 9.41443 16.7759V16.7903C8.68826 16.7231 7.9975 16.5327 7.36288 16.2401L7.36975 16.2281C7.53165 15.948 7.43567 15.5896 7.15536 15.4278C6.87506 15.2659 6.51663 15.3621 6.35489 15.6422L6.34879 15.6527C5.76834 15.2401 5.26022 14.7322 4.84763 14.1516L4.858 14.1455C5.13831 13.9837 5.23428 13.6255 5.07254 13.3452C4.91064 13.0648 4.55237 12.9687 4.27206 13.1306L4.26031 13.1375C3.9675 12.5029 3.77707 11.8121 3.71008 11.0858H3.72427C4.04791 11.0858 4.31021 10.8235 4.31021 10.4998C4.31021 10.1764 4.04791 9.91391 3.72427 9.91391H3.71008C3.77707 9.18774 3.9675 8.49698 4.26016 7.86237L4.27222 7.86938C4.36453 7.92264 4.46524 7.94797 4.56458 7.94797C4.76706 7.94797 4.96405 7.84283 5.07269 7.65469C5.23444 7.37454 5.13831 7.01611 4.858 6.85437L4.84747 6.84827C5.26007 6.26782 5.76819 5.7597 6.34879 5.34711L6.35489 5.35764C6.46338 5.54578 6.66037 5.65076 6.86285 5.65076C6.96219 5.65076 7.06305 5.62543 7.15521 5.57217C7.43552 5.41028 7.53149 5.052 7.36975 4.7717L7.36288 4.7598C7.99734 4.46713 8.68826 4.2767 9.41428 4.20972V4.22391C9.41428 4.54755 9.67673 4.80984 10.0002 4.80984C10.3239 4.80984 10.5862 4.54755 10.5862 4.22391V4.20972C11.3125 4.2767 12.0032 4.46713 12.6378 4.7598L12.631 4.7717C12.4691 5.052 12.5651 5.41028 12.8452 5.57217C12.9375 5.62543 13.0382 5.65076 13.1377 5.65076C13.3402 5.65076 13.5372 5.54578 13.6457 5.35779L13.6518 5.34711C14.2324 5.7597 14.7405 6.26782 15.1531 6.84842L15.1426 6.85452C14.8623 7.01627 14.7661 7.37454 14.928 7.65485C15.0365 7.84299 15.2335 7.94797 15.436 7.94797C15.5353 7.94797 15.636 7.92264 15.7284 7.86938L15.7404 7.86252C16.0331 8.49698 16.2235 9.1879 16.2905 9.91406H16.2763C15.9527 9.91406 15.6904 10.1764 15.6904 10.5C15.6904 10.8235 15.9527 11.0859 16.2763 11.0859H16.2905C16.2235 11.8121 16.0331 12.503 15.7403 13.1375L15.7285 13.1306C15.4482 12.9687 15.0898 13.0648 14.928 13.3452C14.7663 13.6255 14.8623 13.9837 15.1426 14.1455L15.1531 14.1516C14.7405 14.732 14.2324 15.2401 13.6519 15.6527Z" fill="#E40C25"/>
  90.                                             <path d="M13.138 9.91388H10.5859V6.73425C10.5859 6.41077 10.3236 6.14832 10 6.14832C9.67636 6.14832 9.41406 6.41077 9.41406 6.73425V10.4998C9.41406 10.8235 9.67636 11.0858 10 11.0858H13.138C13.4616 11.0858 13.7239 10.8235 13.7239 10.4998C13.7239 10.1763 13.4616 9.91388 13.138 9.91388Z" fill="#E40C25"/>
  91.                                         </g>
  92.                                         <defs>
  93.                                             <clipPath id="clip0_1701_12452">
  94.                                                 <rect width="20" height="20" fill="white" transform="translate(0 0.5)"/>
  95.                                             </clipPath>
  96.                                         </defs>
  97.                                     </svg>
  98.                                     <span class="banner_text_info">{{ 'service.car_repair_page.time_from'|trans({'time': minWorkTime}, 'portal_base') }}
  99.                             </span>
  100.                                 </div>
  101.                             </div>
  103.                             <p class="number-bg-sub-title number-bg-sub-title-c">Для вдалого запису введіть реєстраційний номер Вашого авто</p>
  105.                             <div class="search__number__form__wrapper" v-if="!openModal">
  106.                                 <svg class="search__number-icon" width="35" height="58" viewbox="0 0 35 58" fill="none" xmlns="http://www.w3.org/2000/svg">
  107.                                     <path d="M0 6C0 2.68629 2.68629 0 6 0H35V58H6C2.68629 58 0 55.3137 0 52V6Z" fill="#0057B8"/>
  108.                                     <path d="M16.6357 36.6V41.496C16.6357 44.064 15.0997 45.108 13.3837 45.108C11.3677 45.108 9.90367 43.872 9.90367 41.412V36.6H10.9237V41.22C10.9237 43.044 11.8117 44.148 13.3837 44.148C14.7637 44.148 15.6157 43.2 15.6157 41.292V36.6H16.6357ZM17.9554 45L21.5674 36.552H22.4434L26.0554 45H24.9634L23.8834 42.456H20.0554L18.9874 45H17.9554ZM21.9754 37.908L20.4634 41.496H23.4874L21.9754 37.908Z" fill="white"/>
  109.                                     <rect x="8" y="10" width="19" height="7" fill="#42ADDE"/>
  110.                                     <rect x="8" y="17" width="19" height="7" fill="#FFD800"/>
  111.                                 </svg>
  112.                                 {% include '@Portal/Modules/search-number-form.twig' %}
  113.                             </div>
  114.                             <div v-if="error.formCarNumber && !status.stepChangeVariation"
  115.                                  class="search_number_info_box">
  116.                                 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
  117.                                      viewbox="0 0 12 12" fill="none">
  118.                                     <path fill-rule="evenodd" clip-rule="evenodd"
  119.                                           d="M5.99943 0C7.65664 0 9.1565 0.671257 10.2421 1.75682C11.3276 2.84351 12 4.34336 12 5.99943C12 7.65664 11.3276 9.1565 10.2421 10.2421C9.1565 11.3276 7.65664 12 5.99943 12C4.34336 12 2.84351 11.3276 1.75682 10.2421C0.671257 9.1565 0 7.65664 0 5.99943C0 4.34336 0.671257 2.84237 1.75682 1.75682C2.84237 0.671257 4.34336 0 5.99943 0ZM9.57985 2.41902C8.66409 1.50325 7.39742 0.936138 5.99943 0.936138C4.60145 0.936138 3.33591 1.50325 2.41902 2.41902C1.50325 3.33591 0.936138 4.60145 0.936138 5.99943C0.936138 7.39742 1.50325 8.66409 2.41902 9.57985C3.33591 10.4956 4.60145 11.0627 5.99943 11.0627C7.39742 11.0627 8.66409 10.4956 9.57985 9.57985C10.4956 8.66409 11.0627 7.39742 11.0627 5.99943C11.0627 4.60145 10.4956 3.33591 9.57985 2.41902ZM5.94736 3.80568C5.68927 3.80568 5.47986 3.59626 5.47986 3.33818C5.47986 3.07895 5.68927 2.86954 5.94736 2.86954H6.0515C6.31073 2.86954 6.52014 3.07895 6.52014 3.33818C6.52014 3.59626 6.31073 3.80568 6.0515 3.80568H5.94736ZM5.5274 4.88784C5.5274 4.62975 5.73682 4.42034 5.99604 4.42034C6.25413 4.42034 6.46354 4.62975 6.46354 4.88784V8.66182C6.46354 8.91991 6.25413 9.13046 5.99604 9.13046C5.73682 9.13046 5.5274 8.91991 5.5274 8.66182V4.88784Z"
  120.                                           fill="#E40C25"/>
  121.                                 </svg>
  122.                                 <p>{{ 'modal_online_service.first_registration_number'|trans({}, 'portal_base') }}</p>
  123.                             </div>
  124.                             <div class="car__search__link no-car-number" @click="noHaveVehicleNumber">{{ 'reglament_to.dont_remember_number'|trans({}, 'portal_base') }}</div>
  125.                             <button class="registration_service_btn service_banner_btn open_service_module find-buy-car-number"  @click="findVehicleByNumber">{{ 'service.car_repair_page.sign_up_repair'|trans({}, 'portal_base') }}</button>
  126.                         </div>
  127.                         <img src="{{ asset('bundles/portal/img/service/banner-to.jpg') }}" alt="banner-to">
  128.                     </div>
  131.                     {# =====================MODAL========================= #}
  132.                     {% include '@Portal/Service/service-booking-modal.html.twig' %}
  134.                 </div>
  136.             </div>
  137.         </section>
  139.         {% if models %}
  140.             <section class="section_repair_site">
  141.                 <div class="container">
  142.                     <p class="prices_services_title">{{ 'service.car_repair_page.model_brand_variation'|trans({'%brand%': brand.getName()}, 'portal_base') }}</p>
  144.                     <div class="models_serve_wrapper">
  145.                         {% for model in models %}
  146.                             <a href="{{ path('portal_service_page_work_group_model_сalc', {'work_group': workGroup.url, 'brand': brand.url, 'model': model.url }) }}" class="models_serve_box">
  147.                                 <img class="models_serve_img" src="{{ model.img }}" alt="">
  148.                                 <span class="models_serve_name">{{ model.title }}</span>
  149.                             </a>
  150.                         {% endfor %}
  151.                     </div>
  153.                 </div>
  154.             </section>
  155.         {% endif %}
  157.         <section class="section_repair_site">
  158.             <div class="container">
  159.                  <p class="prices_services_title">{{ 'service.car_repair_page.why_vidi_service'|trans({}, 'portal_base') }} </p>
  160.                     {% if app.request.locale == 'ru' %}
  161.                         {% include '@Portal/Service/translations/why_vidi_service_block_ru.html.twig' %}
  162.                     {% else %}
  163.                         {% include '@Portal/Service/translations/why_vidi_service_block_ua.html.twig' %}
  164.                     {% endif %}
  165.             </div>
  166.         </section>
  168.         <section class="section_repair_site">
  169.             <div class="container">
  170.                 <p class="prices_services_title">{{ 'service.car_repair_page.service'|trans({}, 'portal_base') }} {{ workGroup.getTitle(app.request.locale) }}</p>
  171.                 <div class="repair_service_wrapper">
  172.                     {% for service in services %}
  173.                         <a href="{{ path('portal_service_page_work_group_brand_calc', { 'work_group': workGroup.url, 'brand': brand.url, 'sub_group': service.url }) }}" class="repair_service_box">{{ service.getTitle(app.request.locale) }}</a>
  174.                     {% endfor %}
  175.                 </div>
  176.             </div>
  177.         </section>
  179.         <section class="section_repair_site">
  180.             <div class="container">
  182.                 <div class="repair_contacts_bg_wrap">
  183.                     {% for dealer in dealers %}
  184.                         <div class="repair_contacts_wrapper">
  185.                             <div class="repair_contacts_col">
  186.                                 <div class="repair_contacts_title">
  187.                                     <span>{{ 'service.car_repair_page.of_service_title'|trans({}, 'portal_base') }}</span>
  188.                                     {{ dealer.title }}</div>
  189.                                 <div class="repair_contacts_box">
  190.                                     <div class="repair_contacts_case">
  191.                                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  192.                                             <path d="M8 0C4.89838 0 2.375 2.52338 2.375 5.625C2.375 6.67294 2.66528 7.69563 3.21466 8.58288L7.67981 15.7784C7.76534 15.9163 7.91603 16 8.07809 16C8.07934 16 8.08056 16 8.08181 16C8.24528 15.9987 8.39628 15.9124 8.48025 15.7721L12.8316 8.50688C13.3507 7.63838 13.625 6.64184 13.625 5.625C13.625 2.52338 11.1016 0 8 0ZM12.0271 8.02556L8.071 14.6308L4.01147 8.08894C3.55419 7.35044 3.30625 6.49844 3.30625 5.625C3.30625 3.04031 5.41531 0.93125 8 0.93125C10.5847 0.93125 12.6906 3.04031 12.6906 5.625C12.6906 6.47253 12.459 7.30275 12.0271 8.02556Z" fill="#E40C25"/>
  193.                                             <path d="M8 2.8125C6.44919 2.8125 5.1875 4.07419 5.1875 5.625C5.1875 7.16591 6.42866 8.4375 8 8.4375C9.59072 8.4375 10.8125 7.14897 10.8125 5.625C10.8125 4.07419 9.55081 2.8125 8 2.8125ZM8 7.50625C6.96072 7.50625 6.11875 6.66147 6.11875 5.625C6.11875 4.59113 6.96613 3.74375 8 3.74375C9.03387 3.74375 9.87813 4.59113 9.87813 5.625C9.87813 6.64634 9.05575 7.50625 8 7.50625Z" fill="#E40C25"/>
  194.                                         </svg>
  195.                                         <span class="contacts_case_text">{{ dealer.address }}</span>
  196.                                     </div>
  197.                                     <div class="repair_contacts_case">
  198.                                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  199.                                             <g clip-path="url(#clip0_1704_13810)">
  200.                                                 <path d="M3.25938 10.6357C4.8375 12.5222 6.73721 14.0075 8.90546 15.0584C9.73099 15.4496 10.835 15.9138 12.065 15.9934C12.1413 15.9967 12.2142 16 12.2905 16C13.116 16 13.7791 15.7149 14.3195 15.1281C14.3228 15.1247 14.3294 15.1181 14.3327 15.1115C14.525 14.8794 14.7438 14.6705 14.9726 14.4484C15.1284 14.2992 15.2876 14.1434 15.4401 13.9843C16.1462 13.2482 16.1462 12.3133 15.4334 11.6005L13.4409 9.60796C13.1027 9.25653 12.6983 9.07087 12.2739 9.07087C11.8495 9.07087 11.4417 9.25653 11.0936 9.60464L9.90671 10.7915C9.7973 10.7286 9.68458 10.6722 9.57848 10.6191C9.44587 10.5528 9.3232 10.4898 9.21379 10.4202C8.13298 9.73394 7.15163 8.83879 6.21338 7.68835C5.73928 7.08827 5.421 6.58433 5.19887 6.07045C5.51052 5.78864 5.80227 5.49358 6.08408 5.20514C6.18354 5.10236 6.28632 4.99959 6.38909 4.89681C6.74715 4.53875 6.93945 4.12433 6.93945 3.70327C6.93945 3.28222 6.75047 2.8678 6.38909 2.50974L5.40111 1.52176C5.28507 1.40572 5.17567 1.293 5.06294 1.17696C4.84413 0.951513 4.61537 0.719436 4.38992 0.510568C4.04844 0.175715 3.64728 0 3.22291 0C2.80186 0 2.39738 0.175715 2.04264 0.513883L0.802687 1.75383C0.351796 2.20472 0.0965125 2.75176 0.0434665 3.385C-0.0195256 4.17737 0.126351 5.01948 0.504304 6.0373C1.08449 7.6121 1.95975 9.07418 3.25938 10.6357ZM0.852418 3.45462C0.892203 3.01368 1.06129 2.64567 1.37956 2.32739L2.61288 1.09407C2.80517 0.908413 3.01736 0.812267 3.22291 0.812267C3.42515 0.812267 3.6307 0.908413 3.81968 1.1007C4.04181 1.30626 4.25068 1.52176 4.47612 1.75052C4.58885 1.86656 4.70488 1.98259 4.82092 2.10195L5.8089 3.08993C6.01446 3.29548 6.12055 3.50435 6.12055 3.7099C6.12055 3.91546 6.01446 4.12433 5.8089 4.32988C5.70613 4.43266 5.60335 4.53875 5.50057 4.64152C5.19224 4.95317 4.90381 5.24824 4.58553 5.53005C4.5789 5.53668 4.57558 5.53999 4.56895 5.54662C4.29378 5.8218 4.33688 6.08371 4.40318 6.28264C4.4065 6.29258 4.40982 6.29921 4.41313 6.30916C4.66842 6.9225 5.02316 7.50601 5.57683 8.20224C6.57144 9.42893 7.6191 10.3804 8.77285 11.1131C8.91541 11.206 9.06792 11.2789 9.21048 11.3518C9.34309 11.4182 9.46576 11.4811 9.57517 11.5508C9.58843 11.5574 9.59838 11.564 9.61164 11.5707C9.72105 11.627 9.82714 11.6535 9.93323 11.6535C10.1985 11.6535 10.3709 11.4845 10.4272 11.4281L11.6672 10.1881C11.8595 9.99586 12.0683 9.89308 12.2739 9.89308C12.5259 9.89308 12.7314 10.0489 12.8607 10.1881L14.8599 12.184C15.2577 12.5818 15.2544 13.0128 14.8499 13.4339C14.7107 13.5831 14.5648 13.7257 14.409 13.8748C14.1769 14.1003 13.9349 14.3324 13.7161 14.5943C13.3348 15.0054 12.8806 15.1977 12.2938 15.1977C12.2374 15.1977 12.1777 15.1944 12.1214 15.191C11.0339 15.1214 10.0227 14.6971 9.26352 14.3357C7.20136 13.3378 5.39117 11.9221 3.8893 10.1252C2.65267 8.63655 1.82051 7.25072 1.27016 5.76544C0.928672 4.85371 0.799372 4.12101 0.852418 3.45462Z" fill="#E40C25"/>
  201.                                             </g>
  202.                                             <defs>
  203.                                                 <clipPath id="clip0_1704_13810">
  204.                                                     <rect width="16" height="16" fill="white"/>
  205.                                                 </clipPath>
  206.                                             </defs>
  207.                                         </svg>
  208.                                         <span class="contacts_case_text"><a href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a></span>
  209.                                     </div>
  210.                                     <div class="repair_contacts_case">
  211.                                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  212.                                             <path d="M8.5 0.0170898C7.01664 0.0170898 5.56659 0.456957 4.33323 1.28107C3.09986 2.10518 2.13856 3.27652 1.57091 4.64696C1.00325 6.01741 0.854725 7.52541 1.14411 8.98027C1.4335 10.4351 2.14781 11.7715 3.1967 12.8204C4.2456 13.8693 5.58197 14.5836 7.03682 14.873C8.49168 15.1624 9.99968 15.0138 11.3701 14.4462C12.7406 13.8785 13.9119 12.9172 14.736 11.6839C15.5601 10.4505 16 9.00045 16 7.51709C15.9977 5.52866 15.2068 3.62231 13.8008 2.21628C12.3948 0.810246 10.4884 0.0193456 8.5 0.0170898ZM14.7448 10.2444H12.6352C12.8081 9.46012 12.9042 8.66088 12.9219 7.858H15.3008C15.2623 8.68067 15.0739 9.4894 14.7448 10.2444ZM1.69921 7.858H4.07807C4.09585 8.66088 4.19187 9.46012 4.36478 10.2444H2.25523C1.92613 9.4894 1.73769 8.68067 1.69921 7.858ZM2.25523 4.78982H4.36478C4.19187 5.57406 4.09585 6.3733 4.07807 7.17618H1.69921C1.73769 6.3535 1.92613 5.54478 2.25523 4.78982ZM8.84091 4.108V0.730272C10.0815 0.934817 11.1468 2.24254 11.7427 4.108H8.84091ZM11.9347 4.78982C12.1195 5.57247 12.2223 6.37223 12.2415 7.17618H8.84091V4.78982H11.9347ZM8.15909 0.730272V4.108H5.25728C5.85318 2.24254 6.91852 0.934817 8.15909 0.730272ZM8.15909 4.78982V7.17618H4.75955C4.77872 6.37223 4.88155 5.57247 5.06637 4.78982H8.15909ZM4.75955 7.858H8.15909V10.2444H5.06534C4.88087 9.46167 4.77838 8.66191 4.75955 7.858ZM8.15909 10.9262V14.3039C6.91852 14.0994 5.85318 12.7916 5.25728 10.9262H8.15909ZM8.84091 14.3039V10.9262H11.7427C11.1468 12.7916 10.0815 14.0994 8.84091 14.3039ZM8.84091 10.2444V7.858H12.2405C12.2213 8.66195 12.1185 9.46171 11.9336 10.2444H8.84091ZM12.9219 7.17618C12.9042 6.3733 12.8081 5.57406 12.6352 4.78982H14.7448C15.0739 5.54478 15.2623 6.3535 15.3008 7.17618H12.9219ZM14.3957 4.108H12.459C12.1631 2.99714 11.6067 1.97281 10.8359 1.11993C12.3346 1.67036 13.5938 2.72734 14.3957 4.108ZM6.16409 1.11993C5.39329 1.97281 4.8369 2.99714 4.54103 4.108H2.60432C3.40616 2.72734 4.66536 1.67036 6.16409 1.11993ZM2.60432 10.9262H4.54103C4.8369 12.037 5.39329 13.0614 6.16409 13.9142C4.66536 13.3638 3.40616 12.3068 2.60432 10.9262ZM10.8359 13.9142C11.6067 13.0614 12.1631 12.037 12.459 10.9262H14.3957C13.5938 12.3068 12.3346 13.3638 10.8359 13.9142Z" fill="#E40C25"/>
  213.                                         </svg>
  214.                                         <span class="contacts_case_text"><a href="http://{{ dealer.domain }}" target="_blank">{{ dealer.domain }}</a></span>
  215.                                     </div>
  216.                                     <div class="repair_contacts_case">
  217.                                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  218.                                             <path d="M8.49987 0.0170898C4.36474 0.0170898 1 3.3815 1 7.51709C1 11.6527 4.36474 15.0171 8.49987 15.0171C12.6358 15.0171 16 11.6527 16 7.51709C16 3.3815 12.6358 0.0170898 8.49987 0.0170898ZM8.49987 14.0171C4.91579 14.0171 1.99996 11.1014 1.99996 7.51709C1.99996 3.9328 4.91605 1.01704 8.49987 1.01704C12.0845 1.01704 15 3.9328 15 7.51709C15 11.1014 12.0848 14.0171 8.49987 14.0171Z" fill="#E40C25"/>
  219.                                             <path d="M11.9614 7.4209H8.53283V2.88745C8.53283 2.59285 8.29399 2.354 7.99967 2.354C7.70564 2.354 7.4668 2.59314 7.4668 2.88745V8.48722H11.9614C12.2558 8.48722 12.4946 8.24867 12.4943 7.95406C12.4943 7.65975 12.2552 7.4209 11.9614 7.4209Z" fill="#E40C25"/>
  220.                                         </svg>
  221.                                         <span class="contacts_case_text">Пн-Cб: {{ dealer.openTime }}-{{ dealer.closeTime }}</span>
  222.                                     </div>
  223. {#                                    <div class="repair_contacts_case">#}
  224. {#                                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">#}
  225. {#                                            <path d="M8.49987 0.0170898C4.36474 0.0170898 1 3.3815 1 7.51709C1 11.6527 4.36474 15.0171 8.49987 15.0171C12.6358 15.0171 16 11.6527 16 7.51709C16 3.3815 12.6358 0.0170898 8.49987 0.0170898ZM8.49987 14.0171C4.91579 14.0171 1.99996 11.1014 1.99996 7.51709C1.99996 3.9328 4.91605 1.01704 8.49987 1.01704C12.0845 1.01704 15 3.9328 15 7.51709C15 11.1014 12.0848 14.0171 8.49987 14.0171Z" fill="#E40C25"/>#}
  226. {#                                            <path d="M11.9614 7.4209H8.53283V2.88745C8.53283 2.59285 8.29399 2.354 7.99967 2.354C7.70564 2.354 7.4668 2.59314 7.4668 2.88745V8.48722H11.9614C12.2558 8.48722 12.4946 8.24867 12.4943 7.95406C12.4943 7.65975 12.2552 7.4209 11.9614 7.4209Z" fill="#E40C25"/>#}
  227. {#                                        </svg>#}
  228. {#                                        <span class="contacts_case_text">Нд: 09:00-18:00</span>#}
  229. {#                                    </div>#}
  230.                                     <div class="repair_contacts_case">
  231.                                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  232.                                             <path d="M8.49987 0.0170898C4.36474 0.0170898 1 3.3815 1 7.51709C1 11.6527 4.36474 15.0171 8.49987 15.0171C12.6358 15.0171 16 11.6527 16 7.51709C16 3.3815 12.6358 0.0170898 8.49987 0.0170898ZM8.49987 14.0171C4.91579 14.0171 1.99996 11.1014 1.99996 7.51709C1.99996 3.9328 4.91605 1.01704 8.49987 1.01704C12.0845 1.01704 15 3.9328 15 7.51709C15 11.1014 12.0848 14.0171 8.49987 14.0171Z" fill="#018E42"/>
  233.                                             <path d="M11.9614 7.4209H8.53283V2.88745C8.53283 2.59285 8.29399 2.354 7.99967 2.354C7.70564 2.354 7.4668 2.59314 7.4668 2.88745V8.48722H11.9614C12.2558 8.48722 12.4946 8.24867 12.4943 7.95406C12.4943 7.65975 12.2552 7.4209 11.9614 7.4209Z" fill="#018E42"/>
  234.                                         </svg>
  235.                                         <span class="contacts_case_text"><span>{{ 'service.car_repair_page.night_booking_info'|trans({}, 'portal_base') }}</span></span>
  236.                                     </div>
  237.                                     <a class="contacts_case-more" href="{{ path('portal_service_night_booking') }}">{{ 'service.car_repair_page.detail'|trans({}, 'portal_base') }}</a>
  238.                                     <a class="contacts_case-trip" target="_blank" href="{{ dealer.mapUrl }}">{{ 'service.car_repair_page.make_route'|trans({}, 'portal_base') }}</a>
  239.                                 </div>
  240.                             </div>
  241.                             <iframe class="contacts_case_map" src="https://maps.google.com/maps?q={{ dealer.lat }},{{ dealer.lng }}&hl={{ app.request.locale }}&z=14&amp;output=embed" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  242.                         </div>
  243.                     {% endfor %}
  244.                 </div>
  245.             </div>
  246.         </section>
  247.     </div>
  249. {% endblock %}
  251. {% block script %}
  252.     <script src="/dist/{{ MODE }}/portal/js/portalServiceCarRepair.js?{{ VERSION }}"></script>
  253.     <script>
  254.         $(() => {
  255.             const obj = new portal.portalServiceCarRepair.CarRepair();
  256.             obj.init({
  258.             });
  259.             obj.initService({
  260.                 initServiceUrl: '{{ path('online-init-service') }}',
  261.                 findVehicleUrl: '{{ path('online-service-find') }}',
  262.                 findModelDealerUrl: '{{ path('online-service-find-model-dealer') }}',
  263.                 findServiceVariationUrl: '{{ path('online-find-service-variation') }}',
  264.                 getWorkByVariation: '{{ path('online-service-find-work') }}',
  265.                 getTimesUrl: '{{ path('online-service-get-time') }}',
  266.                 byModelUrl: '{{ path('online-service-load-by-model') }}',
  267.                 bookingUrl: '{{ path('online-service-booking') }}',
  268.                 confirmBookingUrl: '{{ path('online-service-booking-confirm') }}',
  269.                 findServiceUrl: '{{ path('online-service-find') }}',
  270.                 serviceNightBookingUrl: '{{ path('portal_service_night_booking') }}',
  271.                 privacyUrl: '{{ privacyUrl }}',
  272.                 privacyNightUrl: '{{ path('my_profile_night_service_agreement') }}',
  273.                 catalogUrl: '{{ path('portal_new_catalog', {state: 'new', type: 'car'} ) }}',
  274.                 carNumberLength: 8,
  275.                 setBrandId: '{{ brand.getID }}'
  276.             })
  277.         });
  278.     </script>
  279.     {% if app.request.locale == 'ru' %}
  280.         <script type="application/ld+json">{"@context":"https://schema.org","@type":"SaleEvent","name":"🕒 Онлайн запись 24/7","startDate":"2023-01-01T17:39:35+03:00","endDate":"2023-12-31T17:39:35+03:00","location":{"@type":"Place","name":"VIDI.UA"}}</script>
  281.         <script type="application/ld+json">{"@context":"https://schema.org","@type":"SaleEvent","name":"❗ Гарантия на работи","startDate":"2023-01-01T17:39:35+03:00","endDate":"2023-12-31T17:39:35+03:00","location":{"@type":"Place","name":"VIDI.UA"}}</script>
  282.         <script type="application/ld+json">{"@context":"https://schema.org","@type":"SaleEvent","name":"🔥 Доступные цены","startDate":"2023-01-01T17:39:35+03:00","endDate":"2023-12-31T17:39:35+03:00","location":{"@type":"Place","name":"VIDI.UA"}}</script>
  283.     {% else %}
  284.         <script type="application/ld+json">{"@context":"https://schema.org","@type":"SaleEvent","name":"🕒 Онлайн запис 24/7","startDate":"2023-01-01T17:39:35+03:00","endDate":"2023-12-31T17:39:35+03:00","location":{"@type":"Place","name":"VIDI.UA"}}</script>
  285.         <script type="application/ld+json">{"@context":"https://schema.org","@type":"SaleEvent","name":"❗ Гарантія на роботу","startDate":"2023-01-01T17:39:35+03:00","endDate":"2023-12-31T17:39:35+03:00","location":{"@type":"Place","name":"VIDI.UA"}}</script>
  286.         <script type="application/ld+json">{"@context":"https://schema.org","@type":"SaleEvent","name":"🚀 Доступні ціни","startDate":"2023-01-01T17:39:35+03:00","endDate":"2023-12-31T17:39:35+03:00","location":{"@type":"Place","name":"VIDI.UA"}}</script>
  287.     {% endif %}
  289. {% endblock  %}