src/PortalBundle/Resources/views/Car/module-map.html.twig line 1

Open in your IDE?
  1. {# Інформаційна секція в футері #}
  2. <section class="section__info__map">
  3.     <div class="container">
  4.         <div class="section__info__map__wrapper">
  5.             <div class="info__map__col">
  6.                 <p class="info__map__title">{{ 'car.why_vidi'|trans({}, 'automarket_base') }}</p>
  8.                 <div class="info__map__content__box">
  9.                     <img src="{{ asset('bundles/portal/img/car-footer-map/s1.svg') }}" alt="">
  10.                     <div class="info__map__box">
  11.                         <p class="info__map__box__title">{{ 'car.only_proven_title'|trans({}, 'automarket_base') }}</p>
  12.                         <p class="info__map__box__text">{{ 'car.only_proven_desc'|trans({}, 'automarket_base') }}</p>
  13.                     </div>
  14.                 </div>
  16.                 <div class="info__map__content__box">
  17.                     <img src="{{ asset('bundles/portal/img/car-footer-map/s2.svg') }}" alt="">
  18.                     <div class="info__map__box">
  19.                         <p class="info__map__box__title">{{ 'car.control_auto'|trans({}, 'automarket_base') }}</p>
  20.                         <p class="info__map__box__text">{{ 'car.checked_desc'|trans({}, 'automarket_base') }}</p>
  21.                     </div>
  22.                 </div>
  24.                 <div class="info__map__content__box">
  25.                     <img src="{{ asset('bundles/portal/img/car-footer-map/s3.svg') }}" alt="">
  26.                     <div class="info__map__box">
  27.                         <p class="info__map__box__title">{{ 'car.prepare_title'|trans({}, 'automarket_base') }}</p>
  28.                         <p class="info__map__box__text">{{ 'car.always_clean_car'|trans({}, 'automarket_base') }}</p>
  29.                     </div>
  30.                 </div>
  32.                 <div class="info__map__content__box">
  33.                     <img src="{{ asset('bundles/portal/img/car-footer-map/s4.svg') }}" alt="">
  34.                     <div class="info__map__box">
  35.                         <p class="info__map__box__title">{{ 'car.quality_service_title'|trans({}, 'automarket_base') }}</p>
  36.                         <p class="info__map__box__text">{{ 'car.official_cto'|trans({}, 'automarket_base') }}</p>
  37.                     </div>
  38.                 </div>
  40.             </div>
  42.             <div class="info__map__col">
  43.                 <p class="info__map__title">{{ 'car.car_from_salon'|trans({}, 'automarket_base') }} VIDI</p>
  46.                 <div class="info__map__content__box info__map__content__box-mob">
  47.                     <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  48.                         <g clip-path="url(#clip0_790_31956)">
  49.                             <path d="M12 0C7.03739 0 3 3.86573 3 8.61736C3 11.1631 4.46228 14.5068 7.3463 18.5557C8.66755 20.403 10.105 22.1716 11.6508 23.8517C11.695 23.8984 11.7488 23.9357 11.809 23.9613C11.8691 23.9868 11.9342 24 12 24C12.0658 24 12.1309 23.9868 12.191 23.9613C12.2512 23.9357 12.305 23.8984 12.3492 23.8517C13.8949 22.1716 15.3324 20.403 16.6537 18.5557C19.5377 14.5068 21 11.1631 21 8.61736C21 3.86573 16.9626 0 12 0ZM12 22.8648C10.41 21.1012 3.94231 13.6185 3.94231 8.61736C3.94231 4.36327 7.55696 0.90225 12 0.90225C16.443 0.90225 20.0577 4.36327 20.0577 8.61736C20.0577 13.6185 13.59 21.1012 12 22.8648Z" fill="white"/>
  50.                             <path d="M11.9521 4.31494C11.1704 4.31493 10.4064 4.54671 9.75644 4.98096C9.10652 5.41521 8.59997 6.03242 8.30085 6.75456C8.00172 7.4767 7.92345 8.27133 8.07593 9.03795C8.22842 9.80457 8.60481 10.5088 9.15751 11.0615C9.71021 11.6142 10.4144 11.9906 11.181 12.1431C11.9476 12.2956 12.7423 12.2173 13.4644 11.9182C14.1865 11.6191 14.8038 11.1125 15.238 10.4626C15.6723 9.8127 15.9041 9.04861 15.9041 8.26697C15.9029 7.2192 15.4861 6.21469 14.7452 5.4738C14.0044 4.73291 12.9998 4.31614 11.9521 4.31494ZM11.9521 11.3167C11.3489 11.3167 10.7592 11.1379 10.2577 10.8027C9.75615 10.4676 9.36525 9.99133 9.13441 9.43405C8.90358 8.87677 8.84318 8.26356 8.96085 7.67195C9.07853 7.08035 9.36899 6.53693 9.79551 6.1104C10.222 5.68388 10.7655 5.39342 11.3571 5.27574C11.9487 5.15807 12.5619 5.21847 13.1192 5.4493C13.6764 5.68014 14.1527 6.07105 14.4879 6.57259C14.823 7.07413 15.0018 7.66378 15.0018 8.26697C15.0009 9.07553 14.6793 9.85072 14.1076 10.4225C13.5358 10.9942 12.7606 11.3158 11.9521 11.3167Z" fill="white"/>
  51.                         </g>
  52.                         <defs>
  53.                             <clipPath id="clip0_790_31956">
  54.                                 <rect width="24" height="24" fill="white"/>
  55.                             </clipPath>
  56.                         </defs>
  57.                     </svg>
  59.                     <div class="info__map__box">
  60.                         <a href="https://maps.google.com/?hl=ru&q={{ dealer.lat }},{{ dealer.lng }}" class="info__map__box__text">{{ dealer.addressByLocale(app.request.locale) }}</a>
  61.                     </div>
  62.                 </div>
  64.                 <div class="info__map__content__box info__map__content__box-mob">
  65.                     <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  66.                         <g clip-path="url(#clip0_790_31961)">
  67.                             <path d="M4.89041 15.9536C7.25759 18.7833 10.1072 21.0112 13.3595 22.5877C14.5978 23.1745 16.2539 23.8707 18.0989 23.9901C18.2132 23.995 18.3227 24 18.437 24C19.6753 24 20.6699 23.5723 21.4805 22.6921C21.4855 22.6871 21.4955 22.6772 21.5004 22.6672C21.7889 22.3191 22.1171 22.0058 22.4602 21.6726C22.694 21.4488 22.9327 21.2151 23.1614 20.9764C24.2207 19.8724 24.2207 18.47 23.1515 17.4007L20.1627 14.4119C19.6554 13.8848 19.0487 13.6063 18.4122 13.6063C17.7756 13.6063 17.1639 13.8848 16.6418 14.407L14.8614 16.1873C14.6973 16.0928 14.5282 16.0083 14.3691 15.9287C14.1701 15.8293 13.9861 15.7348 13.822 15.6303C12.2008 14.6009 10.7288 13.2582 9.32141 11.5325C8.61026 10.6324 8.13285 9.8765 7.79965 9.10568C8.26712 8.68297 8.70475 8.24037 9.12746 7.80771C9.27665 7.65354 9.43082 7.49938 9.58498 7.34521C10.1221 6.80812 10.4105 6.18649 10.4105 5.55491C10.4105 4.92333 10.127 4.3017 9.58498 3.76461L8.10301 2.28264C7.92895 2.10858 7.76484 1.93949 7.59576 1.76544C7.26754 1.42727 6.9244 1.07915 6.58623 0.765852C6.074 0.263572 5.47226 0 4.83571 0C4.20413 0 3.59742 0.263572 3.0653 0.770825L1.20537 2.63075C0.529037 3.30709 0.146112 4.12764 0.0665425 5.0775C-0.0279457 6.26606 0.190869 7.52922 0.757798 9.05595C1.62808 11.4182 2.94097 13.6113 4.89041 15.9536ZM1.27997 5.18193C1.33965 4.52051 1.59327 3.9685 2.07069 3.49109L3.92067 1.64111C4.2091 1.36262 4.52738 1.2184 4.83571 1.2184C5.13907 1.2184 5.4474 1.36262 5.73086 1.65106C6.06406 1.95939 6.37736 2.28264 6.71553 2.62578C6.88461 2.79983 7.05867 2.97389 7.23273 3.15292L8.7147 4.63489C9.02303 4.94322 9.18217 5.25653 9.18217 5.56486C9.18217 5.87319 9.02303 6.18649 8.7147 6.49482C8.56053 6.64898 8.40637 6.80812 8.2522 6.96229C7.78971 7.42976 7.35705 7.87236 6.87964 8.29507C6.86969 8.30501 6.86472 8.30999 6.85477 8.31993C6.44201 8.7327 6.50666 9.12557 6.60612 9.42395C6.61109 9.43887 6.61607 9.44882 6.62104 9.46374C7.00397 10.3838 7.53608 11.259 8.36658 12.3034C9.8585 14.1434 11.43 15.5707 13.1606 16.6697C13.3745 16.809 13.6032 16.9184 13.8171 17.0278C14.016 17.1272 14.2 17.2217 14.3641 17.3261C14.384 17.3361 14.3989 17.346 14.4188 17.356C14.5829 17.4405 14.7421 17.4803 14.9012 17.4803C15.299 17.4803 15.5576 17.2267 15.6422 17.1421L17.5021 15.2822C17.7905 14.9938 18.1038 14.8396 18.4122 14.8396C18.7901 14.8396 19.0985 15.0734 19.2924 15.2822L22.2912 18.276C22.8879 18.8728 22.883 19.5193 22.2762 20.1509C22.0674 20.3746 21.8486 20.5885 21.6148 20.8123C21.2667 21.1504 20.9037 21.4986 20.5755 21.8914C20.0035 22.5081 19.3222 22.7965 18.442 22.7965C18.3575 22.7965 18.268 22.7915 18.1834 22.7866C16.5522 22.6821 15.0355 22.0456 13.8966 21.5035C10.8034 20.0066 8.08809 17.8831 5.8353 15.1877C3.98034 12.9548 2.7321 10.8761 1.90658 8.64816C1.39435 7.28056 1.2004 6.18152 1.27997 5.18193Z" fill="white"/>
  68.                         </g>
  69.                         <defs>
  70.                             <clipPath id="clip0_790_31961">
  71.                                 <rect width="24" height="24" fill="white"/>
  72.                             </clipPath>
  73.                         </defs>
  74.                     </svg>
  76.                     <div class="info__map__box">
  77.                         <a href="tel:{{ dealer.phone }}" class="info__map__box__text">{{ dealer.phone }}</a>
  78.                     </div>
  79.                 </div>
  81.                 <div class="info__map__wrapper">
  82.                     <iframe class="info__map-item" src="https://maps.google.com/maps?q={{ dealer.lat }},{{ dealer.lng }}&hl=ru&z=14&amp;output=embed" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  83.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  88. </section>
  89. {# END Інформаційна секція в футері #}