src/AutomarketBundle/Resources/views/Catalog/catalog-card.html.twig line 1

Open in your IDE?
  1. <div class="card__box">
  2.     <div class="card__img__wrapper">
  3.         <div class="card__img card__img-front" onClick="window.location.href='{{ vehicle.url }}'">
  4.             <img src="{{ vehicle.media.image }}" alt="{{ vehicle.fullName }}">
  5.         </div>
  6.     </div>
  7.     <div class="card__car__info__wrapper-c">
  8.         <a class=" card__car__power__box" href="{{ vehicle.url }}">
  9.             <span class="card__car__title">{{ vehicle.fullName }} </span>
  10.             <span class="card__car__year">{{ vehicle.year }}</span>
  11.         </a>
  12.         <div class="card__car__characteristics">
  13.             <div class="car__characteristics__box">
  15.                 <svg class="car__characteristics__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
  16.                     <path d="M12 3.10205C9.23158 3.10205 6.72118 4.22477 4.89766 6.03773C4.88974 6.04469 4.87966 6.04709 4.87222 6.05453C4.86478 6.06197 4.86238 6.07205 4.85542 6.07997C3.0427 7.90325 1.91998 10.4137 1.91998 13.1821C1.91998 15.6171 2.79958 17.9674 4.39774 19.8013C4.59214 20.0252 4.9291 20.0492 5.1535 19.8589L7.25998 18.0742C7.4911 17.8796 7.5163 17.5313 7.31614 17.305C6.31198 16.166 5.7595 14.7013 5.7595 13.1818C5.7595 9.74069 8.55862 6.94157 11.9997 6.94157C13.4321 6.94157 14.832 7.43933 15.9401 8.34221C16.4913 8.79221 17.1761 7.95677 16.6221 7.50557C15.4617 6.55925 14.0289 5.99597 12.5397 5.88509V4.20917C17.2509 4.49093 21 8.40173 21 13.1821C21 15.1748 20.3397 17.1056 19.1304 18.6742L17.8445 17.5899C18.7999 16.3244 19.3202 14.7795 19.3202 13.1821C19.3202 12.4719 19.2182 11.7687 19.0171 11.0917C18.8112 10.4021 17.7804 10.7211 17.982 11.3996C18.1529 11.9761 18.24 12.5758 18.24 13.1821C18.24 14.7008 17.688 16.1648 16.6853 17.3031C16.4863 17.528 16.5086 17.8762 16.7421 18.073L18.8522 19.8526C19.0773 20.0432 19.4148 20.0165 19.6073 19.7943C21.2018 17.9619 22.08 15.6135 22.08 13.1821C22.08 7.62389 17.5581 3.10205 12 3.10205ZM7.22638 7.64429L6.0391 6.45725C7.5019 5.15909 9.38566 4.33325 11.46 4.20917V5.88893C9.8479 6.00773 8.38126 6.64733 7.22638 7.64429ZM6.15838 17.5928L4.87438 18.6805C3.77206 17.2527 3.13054 15.524 3.0223 13.7221H4.70182C4.8055 15.1263 5.30974 16.4696 6.15838 17.5928ZM4.7071 12.6421H3.02734C3.15142 10.5675 3.97726 8.68373 5.27542 7.22093L6.4627 8.40773C5.4655 9.56285 4.82566 11.0297 4.7071 12.6421Z" fill="#E40C25"/>
  17.                     <path d="M13.2221 15.9304C13.7304 15.4214 17.9366 9.90597 18.4147 9.27885C18.7843 8.79357 18.1846 8.16621 17.6856 8.50269C16.6013 9.22485 11.1655 12.8551 10.6558 13.3649C9.94849 14.0721 9.94849 15.2232 10.6558 15.9304C11.3616 16.6363 12.5131 16.6392 13.2221 15.9304ZM11.4192 14.1283C11.6554 13.8955 13.5763 12.5724 15.5592 11.2308C14.0995 13.1277 12.6941 14.9306 12.4584 15.1668C11.7713 15.8541 10.7318 14.8157 11.4192 14.1283Z" fill="#E40C25"/>
  18.                     <path d="M10.1417 18.852H13.8583C14.5731 18.852 14.5731 17.772 13.8583 17.772H10.1417C9.42697 17.772 9.42697 18.852 10.1417 18.852Z" fill="#E40C25"/>
  19.                     <path d="M16.5451 19.818H7.45511C6.74039 19.818 6.74039 20.898 7.45511 20.898H16.5451C17.2596 20.898 17.2596 19.818 16.5451 19.818Z" fill="#E40C25"/>
  20.                 </svg>
  21.                 <span class="car__charact__name" title="{{ vehicle.mileageThousand }}">{{ vehicle.mileageThousand }} {{ 'small_words.thousand'|trans({}, 'automarket_base') }}.км</span>
  22.             </div>
  23.             <div class="car__characteristics__box">
  24.                 <svg class="car__characteristics__icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  25.                     <path d="M22.5 8.15547C22.5013 7.91863 22.4179 7.68913 22.2646 7.50853C22.1114 7.32793 21.8986 7.20816 21.6647 7.17091L20.5404 6.98231C20.4069 6.9599 20.27 6.96841 20.1402 7.00719C20.0105 7.04597 19.8914 7.11398 19.792 7.206L19.4817 6.12262C19.3022 5.50348 18.9269 4.95916 18.4121 4.57114C17.8973 4.18312 17.2706 3.97229 16.626 3.97021H7.64685C7.0022 3.97229 6.37557 4.18312 5.86077 4.57114C5.34597 4.95916 4.9707 5.50348 4.79114 6.12262L4.39953 7.48945C4.31395 7.32027 4.17682 7.18267 4.00794 7.09651C3.83906 7.01036 3.64716 6.98012 3.45996 7.01015L2.3379 7.19875C2.10849 7.23625 1.89934 7.35257 1.74647 7.52767C1.59359 7.70278 1.50656 7.92571 1.50036 8.15808C1.49415 8.39044 1.56917 8.6177 1.71249 8.80071C1.8558 8.98373 2.05845 9.11104 2.28553 9.16072L3.37109 9.3972L3.00586 9.94624C2.60717 10.5448 2.39474 11.248 2.39539 11.9672C2.39802 11.9817 2.39263 15.5656 2.39612 15.5789V18.8389C2.39696 19.1551 2.52321 19.4581 2.74717 19.6813C2.97112 19.9046 3.27449 20.0299 3.5907 20.0297H4.70363C5.01984 20.0299 5.32321 19.9046 5.54716 19.6813C5.77112 19.4581 5.89737 19.1551 5.89821 18.8389V17.9514H18.375V18.8389C18.3753 19.1546 18.5008 19.4573 18.724 19.6805C18.9472 19.9038 19.2499 20.0293 19.5656 20.0297H20.6825C20.9987 20.0299 21.3021 19.9046 21.526 19.6813C21.75 19.4581 21.8762 19.1551 21.8771 18.8389C21.8766 17.1335 21.8779 13.6792 21.8775 11.9672C21.9121 10.9858 21.4124 10.0907 20.8513 9.32118L21.7174 9.13215C21.9398 9.08317 22.1387 8.95956 22.281 8.78188C22.4234 8.6042 22.5007 8.38315 22.5 8.15547ZM5.51184 6.32917C5.64618 5.86636 5.92678 5.4595 6.31164 5.16946C6.69651 4.87943 7.16494 4.72182 7.64685 4.72022H16.626C17.1079 4.72182 17.5763 4.87943 17.9612 5.16946C18.3461 5.4595 18.6266 5.86636 18.761 6.32917L19.2107 7.89948C19.3758 8.0303 5.01545 7.90138 5.04501 7.94535C5.04973 7.92947 5.51184 6.32917 5.51184 6.32917ZM2.44776 8.42847C2.39174 8.41545 2.34192 8.38352 2.30669 8.33806C2.27146 8.2926 2.25298 8.23638 2.25436 8.17888C2.25573 8.12139 2.27689 8.06612 2.31425 8.0224C2.35162 7.97868 2.40291 7.94917 2.45949 7.93885L3.58557 7.74952C3.61683 7.74484 3.64875 7.75078 3.67624 7.76638C3.70372 7.78198 3.72518 7.80634 3.73719 7.83558L4.00097 8.44104C3.9864 8.48437 3.84168 8.68371 3.8171 8.72679L2.44776 8.42847ZM21.1274 15.5627C21.1273 15.9969 20.9548 16.4134 20.6479 16.7206C20.341 17.0279 19.9248 17.2008 19.4905 17.2014H4.78235C4.34781 17.2006 3.93135 17.0274 3.62442 16.7198C3.3175 16.4122 3.14521 15.9954 3.14539 15.5608V15.164H21.1274V15.5627ZM5.1482 18.8389C5.14752 18.9563 5.10034 19.0686 5.01701 19.1512C4.93367 19.2338 4.82098 19.28 4.70363 19.2797H3.5907C3.47335 19.28 3.36066 19.2338 3.27732 19.1512C3.19398 19.0686 3.1468 18.9563 3.14612 18.8389V17.2977C3.4148 17.5418 3.73211 17.7262 4.07718 17.8389C4.42225 17.9516 4.78726 17.9899 5.14821 17.9514L5.1482 18.8389ZM20.6825 19.2797H19.5656C19.4487 19.2795 19.3368 19.233 19.2542 19.1504C19.1716 19.0677 19.1251 18.9558 19.125 18.8389V17.9514C19.486 17.9899 19.851 17.9515 20.1961 17.8388C20.5412 17.7261 20.8584 17.5415 21.1271 17.2973V18.8389C21.1264 18.9563 21.0792 19.0686 20.9959 19.1512C20.9125 19.2338 20.7998 19.28 20.6825 19.2797ZM21.1274 14.414H3.14539V11.9672C3.14474 11.3957 3.31361 10.837 3.63062 10.3615C3.90399 9.93016 4.47812 9.13223 4.71571 8.69527H19.5574C19.5989 8.76819 19.6336 8.84471 19.6802 8.91481L20.6422 10.3615C20.9592 10.837 21.1281 11.3958 21.1274 11.9672V14.414ZM21.5548 8.39991L20.4055 8.65081C20.2946 8.49396 20.1966 8.32838 20.1124 8.15571C20.2057 7.98175 20.2494 7.68321 20.4159 7.72187L21.5435 7.91102C21.5994 7.92204 21.6499 7.95182 21.6866 7.99544C21.7233 8.03906 21.7441 8.0939 21.7454 8.15091C21.7467 8.20791 21.7286 8.26366 21.6939 8.30893C21.6593 8.35421 21.6102 8.3863 21.5548 8.39991Z" fill="#E40C25"/>
  26.                     <path d="M7.0122 11.1698C6.92201 11.0241 6.79767 10.9026 6.64995 10.8158C6.50223 10.729 6.33557 10.6796 6.16442 10.6717L4.68749 10.6043C4.48444 10.595 4.28563 10.6646 4.13268 10.7984C3.97972 10.9323 3.88446 11.1202 3.86681 11.3227L3.80163 12.0694C3.78355 12.2721 3.84483 12.4739 3.97256 12.6323C4.10029 12.7908 4.28452 12.8935 4.48645 12.9188L7.62304 13.3187C7.69333 13.3276 7.7647 13.3165 7.82892 13.2866C7.89314 13.2566 7.94757 13.2092 7.98592 13.1496C8.02426 13.09 8.04496 13.0208 8.04562 12.9499C8.04627 12.8791 8.02686 12.8095 7.98962 12.7492L7.0122 11.1698ZM4.58166 12.1747C4.572 12.1735 4.56318 12.1686 4.55703 12.1611C4.55089 12.1535 4.5479 12.1439 4.5487 12.1342L4.61389 11.3882C4.6147 11.3785 4.61923 11.3695 4.62653 11.3631C4.63383 11.3566 4.64334 11.3532 4.65307 11.3536L6.13 11.421C6.17933 11.4232 6.22737 11.4374 6.26994 11.4625C6.31251 11.4875 6.34833 11.5225 6.37426 11.5646L6.93787 12.4751L4.58166 12.1747Z" fill="#E40C25"/>
  27.                     <path d="M19.5857 10.5287L18.1091 10.5963C17.9379 10.604 17.7712 10.6534 17.6234 10.7402C17.4756 10.8269 17.3512 10.9484 17.261 11.0941L16.2836 12.6736C16.2494 12.7306 16.2308 12.7956 16.2297 12.862C16.2287 12.9285 16.2451 12.994 16.2775 13.0521C16.3098 13.1101 16.3569 13.1586 16.414 13.1927C16.4711 13.2267 16.5361 13.2451 16.6026 13.246C16.6183 13.246 16.6341 13.245 16.6498 13.2431L19.7867 12.8433C19.9888 12.818 20.173 12.7152 20.3008 12.5566C20.4285 12.3981 20.4897 12.1961 20.4716 11.9934L20.4064 11.2467C20.3882 11.0444 20.2928 10.8569 20.1399 10.7232C19.9871 10.5895 19.7886 10.5198 19.5857 10.5287ZM19.6919 12.0992L17.3353 12.3995L17.8989 11.4889C17.9248 11.4469 17.9607 11.4119 18.0032 11.3869C18.0458 11.3619 18.0939 11.3477 18.1432 11.3455L19.6201 11.278C19.6296 11.2784 19.6386 11.282 19.6457 11.2882C19.6528 11.2945 19.6576 11.3029 19.6593 11.3122L19.7245 12.0582C19.7254 12.0679 19.7225 12.0776 19.7164 12.0852C19.7104 12.0929 19.7016 12.0979 19.6919 12.0992Z" fill="#E40C25"/>
  28.                     <path d="M15.3479 10.8998C13.2716 11.3644 11.1185 11.3663 9.0414 10.9053C8.97569 10.8869 8.90619 10.8867 8.84039 10.9048C8.7746 10.923 8.715 10.9587 8.66801 11.0082C8.62103 11.0578 8.58845 11.1191 8.57377 11.1858C8.5591 11.2524 8.56289 11.3218 8.58474 11.3865L9.2333 13.3036C9.25517 13.3682 9.2942 13.4255 9.3462 13.4696C9.3982 13.5137 9.4612 13.5428 9.52847 13.5537C10.6389 13.8208 14.4701 13.6336 14.8345 13.5566C14.9069 13.5495 14.9757 13.5216 15.0324 13.4761C15.0892 13.4306 15.1315 13.3696 15.1542 13.3005L15.7833 11.3834C15.8031 11.3207 15.8061 11.254 15.7922 11.1897C15.7782 11.1255 15.7478 11.066 15.7038 11.0172C15.6598 10.9684 15.6039 10.9318 15.5414 10.9113C15.479 10.8907 15.4123 10.8867 15.3479 10.8998ZM14.5188 12.8316C12.9728 12.9757 11.417 12.9805 9.87014 12.8459L9.50759 11.7742C11.2832 12.0773 13.0979 12.0714 14.8715 11.7566L14.5188 12.8316Z" fill="#E40C25"/>
  29.                 </svg>
  31.                 <span class="car__charact__name" title="{{ vehicle.bodyType }}">{{ vehicle.bodyType }}</span>
  32.             </div>
  33.             <div class="car__characteristics__box">
  34.                 <svg class="car__characteristics__icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  35.                     <g clip-path="url(#clip0_1393_263)">
  36.                         <path d="M22 11.2H21.2C20.8817 11.2 20.5765 11.3264 20.3515 11.5514C20.1264 11.7765 20 12.0817 20 12.4V12.8H19.2V10.8C19.2 10.4817 19.0736 10.1765 18.8485 9.95145C18.6235 9.7264 18.3183 9.59998 18 9.59998H16.8C16.6939 9.59998 16.5922 9.55783 16.5172 9.48282C16.4421 9.4078 16.4 9.30606 16.4 9.19998V8.39998C16.4 8.08172 16.2736 7.77649 16.0485 7.55145C15.8235 7.3264 15.5183 7.19998 15.2 7.19998H13.6V5.99998H15.6C15.9183 5.99998 16.2235 5.87355 16.4485 5.6485C16.6736 5.42346 16.8 5.11824 16.8 4.79998C16.8 4.48172 16.6736 4.17649 16.4485 3.95145C16.2235 3.7264 15.9183 3.59998 15.6 3.59998H7.6C7.28174 3.59998 6.97652 3.7264 6.75147 3.95145C6.52643 4.17649 6.4 4.48172 6.4 4.79998C6.4 5.11824 6.52643 5.42346 6.75147 5.6485C6.97652 5.87355 7.28174 5.99998 7.6 5.99998H9.6V7.19998H7.6C7.28174 7.19998 6.97652 7.3264 6.75147 7.55145C6.52643 7.77649 6.4 8.08172 6.4 8.39998C6.4 8.50606 6.35786 8.6078 6.28284 8.68282C6.20783 8.75783 6.10609 8.79998 6 8.79998H4.8C4.48174 8.79998 4.17652 8.9264 3.95147 9.15145C3.72643 9.37649 3.6 9.68172 3.6 9.99998V11.6H2.4V9.99998C2.4 9.68172 2.27357 9.37649 2.04853 9.15145C1.82348 8.9264 1.51826 8.79998 1.2 8.79998C0.88174 8.79998 0.576515 8.9264 0.351472 9.15145C0.126428 9.37649 0 9.68172 0 9.99998L0 16.4C0 16.7182 0.126428 17.0235 0.351472 17.2485C0.576515 17.4735 0.88174 17.6 1.2 17.6C1.51826 17.6 1.82348 17.4735 2.04853 17.2485C2.27357 17.0235 2.4 16.7182 2.4 16.4V14.8H3.6V16.8C3.6 17.1182 3.72643 17.4235 3.95147 17.6485C4.17652 17.8735 4.48174 18 4.8 18H6.4688C6.57488 18 6.6766 18.0422 6.7516 18.1172L8.6828 20.0484C8.79391 20.1602 8.92612 20.2489 9.07175 20.3092C9.21739 20.3696 9.37356 20.4004 9.5312 20.4H18C18.3183 20.4 18.6235 20.2736 18.8485 20.0485C19.0736 19.8235 19.2 19.5182 19.2 19.2V17.6H20V18C20 18.3182 20.1264 18.6235 20.3515 18.8485C20.5765 19.0735 20.8817 19.2 21.2 19.2H22C22.5302 19.1993 23.0386 18.9884 23.4135 18.6135C23.7884 18.2386 23.9994 17.7302 24 17.2V13.2C23.9994 12.6697 23.7884 12.1614 23.4135 11.7865C23.0386 11.4115 22.5302 11.2006 22 11.2ZM7.2 4.79998C7.2 4.69389 7.24214 4.59215 7.31716 4.51713C7.39217 4.44212 7.49391 4.39998 7.6 4.39998H15.6C15.7061 4.39998 15.8078 4.44212 15.8828 4.51713C15.9579 4.59215 16 4.69389 16 4.79998C16 4.90606 15.9579 5.0078 15.8828 5.08282C15.8078 5.15783 15.7061 5.19998 15.6 5.19998H7.6C7.49391 5.19998 7.39217 5.15783 7.31716 5.08282C7.24214 5.0078 7.2 4.90606 7.2 4.79998ZM10.4 5.99998H12.8V7.19998H10.4V5.99998ZM1.6 16.4C1.6 16.5061 1.55786 16.6078 1.48284 16.6828C1.40783 16.7578 1.30609 16.8 1.2 16.8C1.09391 16.8 0.992172 16.7578 0.917157 16.6828C0.842143 16.6078 0.8 16.5061 0.8 16.4V9.99998C0.8 9.89389 0.842143 9.79215 0.917157 9.71713C0.992172 9.64212 1.09391 9.59998 1.2 9.59998C1.30609 9.59998 1.40783 9.64212 1.48284 9.71713C1.55786 9.79215 1.6 9.89389 1.6 9.99998V16.4ZM2.4 14V12.4H3.6V14H2.4ZM18.4 19.2C18.4 19.3061 18.3579 19.4078 18.2828 19.4828C18.2078 19.5578 18.1061 19.6 18 19.6H9.5312C9.42512 19.6 9.3234 19.5578 9.2484 19.4828L7.3172 17.5516C7.20603 17.4398 7.07382 17.3512 6.92819 17.2909C6.78257 17.2305 6.62643 17.1996 6.4688 17.2H4.8C4.69391 17.2 4.59217 17.1578 4.51716 17.0828C4.44214 17.0078 4.4 16.9061 4.4 16.8V9.99998C4.4 9.89389 4.44214 9.79215 4.51716 9.71713C4.59217 9.64212 4.69391 9.59998 4.8 9.59998H6C6.31826 9.59998 6.62348 9.47355 6.84853 9.2485C7.07357 9.02346 7.2 8.71824 7.2 8.39998C7.2 8.29389 7.24214 8.19215 7.31716 8.11713C7.39217 8.04212 7.49391 7.99998 7.6 7.99998H15.2C15.3061 7.99998 15.4078 8.04212 15.4828 8.11713C15.5579 8.19215 15.6 8.29389 15.6 8.39998V9.19998C15.6 9.51824 15.7264 9.82346 15.9515 10.0485C16.1765 10.2735 16.4817 10.4 16.8 10.4H18C18.1061 10.4 18.2078 10.4421 18.2828 10.5171C18.3579 10.5921 18.4 10.6939 18.4 10.8V19.2ZM19.2 16.8V13.6H20V16.8H19.2ZM23.2 17.2C23.2 17.5182 23.0736 17.8235 22.8485 18.0485C22.6235 18.2735 22.3183 18.4 22 18.4H21.2C21.0939 18.4 20.9922 18.3578 20.9172 18.2828C20.8421 18.2078 20.8 18.1061 20.8 18V12.4C20.8 12.2939 20.8421 12.1921 20.9172 12.1171C20.9922 12.0421 21.0939 12 21.2 12H22C22.3183 12 22.6235 12.1264 22.8485 12.3514C23.0736 12.5765 23.2 12.8817 23.2 13.2V17.2Z" fill="#E40C25"/>
  37.                     </g>
  38.                     <defs>
  39.                         <clipPath id="clip0_1393_263">
  40.                             <rect width="24" height="24" fill="white"/>
  41.                         </clipPath>
  42.                     </defs>
  43.                 </svg>
  45.                 <span class="car__charact__name" title="{{ vehicle.isElectric ? (vehicle.batteryCapacity ~ ' ' ~ 'small_words.kwh'|trans({}, 'automarket_base')) : vehicle.engine_volume }} {{ vehicle.engine_type }}">
  46.                     {{ vehicle.isElectric ? (vehicle.batteryCapacity ~ ' ' ~ 'small_words.kwh'|trans({}, 'automarket_base')) : vehicle.engine_volume }} {{ vehicle.engine_type }}
  47.                 </span>
  48.             </div>
  50.             <div class="car__characteristics__box">
  52.                 <svg class="car__characteristics__icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  53.                     <path d="M23.9928 4.63384C24.0429 4.05553 23.8315 3.49224 23.3864 3.00504C22.9914 2.57294 22.4792 2.30407 21.9444 2.24999C21.2289 2.17789 20.5164 2.41241 19.9836 2.89538C19.4829 3.34602 19.2065 3.94686 19.2065 4.59028C19.2065 5.33331 19.5009 6.00325 20.0077 6.43586V10.1481C20.0077 10.4799 19.7386 10.7489 19.4068 10.7489H18.2181C17.8952 9.90175 17.3399 9.34245 16.5012 9.021V6.50397C17.3124 6.05883 17.6629 5.27675 17.4926 4.26831C17.3148 3.21683 16.5363 2.41269 15.5549 2.26548C14.9126 2.15925 14.2562 2.34256 13.7619 2.7662C13.2467 3.20782 12.9507 3.87326 12.9507 4.59028C12.9507 5.36439 13.4569 6.0263 13.9977 6.4429V9.02104C13.1465 9.34602 12.5692 9.91532 12.2453 10.749H10.5899C10.2601 10.7487 9.99289 10.4814 9.99261 10.1517V6.50402C10.8058 6.05841 11.1573 5.27529 10.987 4.26639C10.8092 3.21491 10.0302 2.41128 9.04877 2.26356C8.40614 2.15705 7.74934 2.34035 7.25473 2.76428C6.73195 3.22533 6.43612 3.89138 6.44457 4.58836C6.44457 5.36293 6.9498 6.02489 7.48906 6.44098V10.1462C7.48906 10.478 7.22004 10.747 6.88821 10.747H3.98416V6.41192C4.61857 5.79103 5.02761 4.70651 4.53144 3.57692C4.38123 3.23444 4.01021 2.82586 3.66773 2.62557C2.83654 2.1379 1.92476 2.10635 1.17023 2.53896C0.441239 2.96486 -0.00488839 3.7475 4.04212e-05 4.59178C4.04212e-05 5.38739 0.471704 6.04034 0.979418 6.4444V11.5376C0.980263 12.4843 1.74756 13.2516 2.69431 13.2524H6.8677C7.21037 13.253 7.48802 13.5307 7.48859 13.8733V17.4969C6.66792 17.9451 6.31243 18.7297 6.48316 19.7411C6.66092 20.7926 7.44202 21.5937 8.42539 21.7389C8.54044 21.7557 8.65657 21.7642 8.77289 21.7644C9.3045 21.7673 9.81897 21.5767 10.2204 21.2282C10.7406 20.7683 11.0351 20.1049 11.0276 19.4106C11.0276 18.6331 10.5268 17.9721 9.99209 17.558V13.8528C9.99209 13.521 10.2611 13.252 10.5929 13.252H12.2453C12.5692 14.0857 13.1465 14.654 13.9977 14.9799V17.4965C13.1746 17.9471 12.8186 18.7312 12.9893 19.7427C13.1675 20.7941 13.9486 21.5953 14.9325 21.739C15.5774 21.841 16.2344 21.6532 16.728 21.2258C17.2472 20.7663 17.5414 20.104 17.5342 19.4107C17.5342 18.6321 17.0334 17.9717 16.5012 17.5581V14.9795C17.3399 14.658 17.8952 14.0987 18.2181 13.2515H19.8735C19.9468 13.2515 20.0063 13.3108 20.0066 13.3842V17.5901C19.4814 18.1063 19.0843 18.9685 19.2781 19.9064C19.4433 20.7075 20.0547 21.3679 20.8739 21.6363C21.6249 21.8817 22.4015 21.7695 23.0104 21.3279C23.6213 20.8805 23.9814 20.1679 23.9792 19.4106C23.9783 18.6115 23.5121 17.9601 23.0104 17.5595V6.41732C23.3554 6.10239 23.9232 5.46601 23.9928 4.63384ZM22.9944 4.55273C22.9538 5.0419 22.5578 5.5146 22.2007 5.79399C22.0794 5.8889 22.0084 6.03447 22.0085 6.18853V17.8154C22.0086 17.9862 22.0958 18.1451 22.2398 18.237C22.5798 18.4548 22.9768 18.8929 22.9768 19.4111C22.9794 19.8471 22.7734 20.2582 22.4225 20.5172C22.072 20.771 21.6304 20.8311 21.1853 20.6849C20.7137 20.5302 20.3496 20.1451 20.2585 19.704C20.1283 19.0751 20.4443 18.5023 20.8153 18.2099C20.9367 18.115 21.0076 17.9695 21.0076 17.8154V13.3851C21.0067 12.759 20.4991 12.2516 19.8729 12.2511H17.8576C17.6332 12.251 17.436 12.4004 17.3754 12.6166C17.1416 13.4518 16.691 13.9064 15.8678 14.1357C15.6515 14.1961 15.5018 14.3933 15.5018 14.6179V17.8154C15.5019 17.9861 15.5889 18.145 15.7326 18.237C16.1027 18.4743 16.5338 18.924 16.5338 19.4111C16.541 19.814 16.3729 20.2003 16.0732 20.4696C15.798 20.7045 15.4334 20.8065 15.0763 20.7485C14.533 20.6703 14.0819 20.1882 13.9782 19.5758C13.8661 18.9149 14.0829 18.5158 14.6817 18.282C14.8737 18.207 15.0001 18.0219 15.0002 17.8158V14.6179C15.0001 14.3933 14.8505 14.1961 14.6342 14.1357C13.794 13.9014 13.3173 13.4347 13.0895 12.6171C13.0291 12.4007 12.8319 12.2511 12.6073 12.2511H10.593C9.7081 12.2511 8.99075 12.9684 8.99075 13.8533V17.8153C8.99079 17.986 9.07782 18.1449 9.22156 18.2369C9.59258 18.4752 10.0262 18.9254 10.0262 19.4111C10.0334 19.8146 9.86516 20.2013 9.56502 20.471C9.29032 20.7053 8.92634 20.8066 8.57011 20.7479C8.02634 20.6688 7.57472 20.1861 7.46854 19.5743C7.3564 18.9139 7.57271 18.5153 8.16951 18.2815C8.3615 18.2065 8.48787 18.0214 8.48796 17.8153V13.8732C8.48688 12.9777 7.76117 12.2521 6.86568 12.251H2.69431C2.30048 12.2504 1.98137 11.9313 1.98081 11.5375V6.18552C1.97992 6.01574 1.89303 5.85797 1.75 5.76644C1.40503 5.54511 0.998945 5.10499 0.998945 4.5923C0.993969 4.10604 1.24928 3.65423 1.66837 3.40765C2.10999 3.15478 2.63874 3.18435 3.16147 3.48975C3.31919 3.58236 3.54803 3.82974 3.6121 3.97995C3.96261 4.7811 3.54202 5.5031 3.1725 5.79202C3.05111 5.88693 2.98018 6.03245 2.98023 6.18656V11.113C2.98051 11.4652 3.26596 11.7506 3.61811 11.7509H6.88521C7.77009 11.7509 8.48744 11.0335 8.48744 10.1486V6.18552C8.48707 6.01621 8.40121 5.85853 8.25912 5.76644C7.88411 5.5261 7.4455 5.07396 7.4455 4.5923C7.43747 4.18692 7.60636 3.79811 7.90815 3.5273C8.09741 3.36409 8.42238 3.18482 8.89954 3.25594C9.4503 3.33907 9.89342 3.81322 10.0011 4.43509C10.1143 5.10302 9.90746 5.48657 9.31112 5.72142C9.11913 5.79643 8.99277 5.98147 8.99267 6.18759V10.1532C8.9946 11.0353 9.70927 11.75 10.5914 11.7519H12.6078C12.8324 11.7519 13.0295 11.6023 13.09 11.3859C13.3178 10.5698 13.7945 10.1016 14.6347 9.8673C14.851 9.80688 15.0007 9.60973 15.0007 9.38512V6.18562C14.9994 6.01555 14.9119 5.85769 14.7683 5.76653C14.3918 5.52521 13.9522 5.07307 13.9522 4.59239C13.9522 4.1673 14.1209 3.77877 14.4148 3.52589C14.6031 3.36315 14.927 3.18191 15.4042 3.25453C15.955 3.33813 16.3986 3.8128 16.5058 4.43519C16.6189 5.10264 16.4132 5.48667 15.8188 5.71949C15.6268 5.79451 15.5004 5.97955 15.5003 6.18567V9.38315C15.5004 9.60776 15.65 9.80491 15.8663 9.86532C16.6895 10.0946 17.1401 10.5488 17.3739 11.3845C17.4345 11.6006 17.6316 11.75 17.8561 11.75H19.4058C20.2907 11.75 21.008 11.0327 21.008 10.1478V6.18571C21.007 6.01583 20.9199 5.85802 20.7767 5.76662C20.4207 5.5383 20.2079 5.09917 20.2079 4.59249C20.2079 4.23851 20.3661 3.90053 20.6546 3.64113C20.9769 3.34785 21.4086 3.20515 21.8422 3.24857C22.1281 3.27809 22.4215 3.43633 22.6468 3.68319C22.9063 3.96639 23.0199 4.2508 22.9944 4.55273Z" fill="#E40C25"/>
  54.                 </svg>
  56.                 <span class="car__charact__name" title="{{ vehicle.transmission }}">{{ vehicle.transmission }}</span>
  57.             </div>
  58.         </div>
  59.         <div class="card__car__credit__info__box">
  60.             {% if vehicle.creditPayment %}
  61.             <p class="credit__info__title">Авто в кредит за
  62.                 <span>{{ vehicle.creditPayment }}</span>
  63.                 {{ 'catalog.grn_month'|trans({},'automarket_base') }}</p>
  64.             <div class="credit__info__hover">
  65.                 <svg width="12" height="12" viewbox="0 0 12 12" fill="inherit" xmlns="http://www.w3.org/2000/svg">
  66.                     <path fill-rule="evenodd" clip-rule="evenodd" 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" fill="#9C9C9C"/>
  67.                 </svg>
  68.                 <div class="card__car__info__box-c">
  69.                     <p class="card__car__info__text">{{ 'catalog.сalculation'|trans({},'automarket_base') }}</p>
  70.                 </div>
  71.             </div>
  72.             {% endif %}
  73.         </div>
  74.         <div class="card__car__power__box">
  75.             <div class="card__car__usd">
  76.                 <svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
  77.                     <path d="M15.75 10.25C15.9489 10.25 16.1397 10.171 16.2803 10.0303C16.421 9.88968 16.5 9.69891 16.5 9.5V8.88035C16.4979 7.87548 16.1057 6.91068 15.4062 6.18928C14.7066 5.46789 13.7543 5.04624 12.75 5.0132V3.5C12.75 3.30109 12.671 3.11032 12.5303 2.96967C12.3897 2.82902 12.1989 2.75 12 2.75C11.8011 2.75 11.6103 2.82902 11.4697 2.96967C11.329 3.11032 11.25 3.30109 11.25 3.5V5.0132C10.3604 5.04155 9.50767 5.37539 8.83529 5.95858C8.16291 6.54177 7.71187 7.33872 7.55805 8.21539C7.40423 9.09206 7.557 9.99496 7.99068 10.7722C8.42436 11.5495 9.11248 12.1537 9.9393 12.4832L13.5037 13.9096C14.0173 14.1151 14.4432 14.493 14.7084 14.9785C14.9736 15.464 15.0615 16.0266 14.9568 16.5698C14.8522 17.113 14.5617 17.6028 14.1352 17.955C13.7087 18.3073 13.1728 18.5 12.6196 18.5H11.3803C10.7493 18.4993 10.1442 18.2483 9.69797 17.802C9.25173 17.3558 9.00071 16.7507 9 16.1196V15.5C9 15.3011 8.92098 15.1103 8.78033 14.9697C8.63967 14.829 8.44891 14.75 8.25 14.75C8.05108 14.75 7.86032 14.829 7.71967 14.9697C7.57901 15.1103 7.5 15.3011 7.5 15.5V16.1196C7.50213 17.1245 7.8943 18.0893 8.59384 18.8107C9.29338 19.5321 10.2457 19.9538 11.25 19.9868V21.5C11.25 21.6989 11.329 21.8897 11.4697 22.0303C11.6103 22.171 11.8011 22.25 12 22.25C12.1989 22.25 12.3897 22.171 12.5303 22.0303C12.671 21.8897 12.75 21.6989 12.75 21.5V19.9868C13.6396 19.9585 14.4923 19.6246 15.1647 19.0414C15.8371 18.4582 16.2881 17.6613 16.4419 16.7846C16.5958 15.9079 16.443 15.005 16.0093 14.2278C15.5756 13.4505 14.8875 12.8463 14.0607 12.5168L10.4963 11.0904C9.98274 10.8849 9.55676 10.507 9.29157 10.0215C9.02638 9.53605 8.93854 8.97339 9.04315 8.43021C9.14775 7.88703 9.43827 7.39723 9.86479 7.04499C10.2913 6.69275 10.8272 6.50005 11.3803 6.5H12.6196C13.2507 6.50071 13.8558 6.75173 14.302 7.19798C14.7483 7.64422 14.9993 8.24926 15 8.88035V9.5C15 9.69891 15.079 9.88968 15.2197 10.0303C15.3603 10.171 15.5511 10.25 15.75 10.25Z" fill="#333333"/>
  78.                 </svg>
  80.                 <span class="card__car__title card__car__title-green">{{ vehicle.price_dollar|price }}</span>
  81.             </div>
  83.             {% if vehicle.price %}
  84.                 <span class="card__car__year card__car__year-c">{{ vehicle.price|price}} грн</span>
  85.             {% endif %}
  86.             {% if vehicle.price_alt %}
  87.                 <span class="card__car__old__price">{{ vehicle.price_alt|price }}</span>
  88.             {% endif %}
  90.         </div>
  91.     </div>
  92.     <div class="add__comparison__like__box">
  94.         {% if isCategory is defined %}
  95.             <button class="comparison__like add__comparison{% if vehicle.comparedId is not null  %} active{% endif %}" comparedId="{{ vehicle.comparedId }}" @click="toggleCompare({{ vehicle.itemId }})"></button>
  96.             <button class="comparison__like add__like{% if vehicle.featuredId is not null  %} active{% endif %}" featuredId="{{ vehicle.featuredId }}" @click="toggleFavorite('vehicle', '{{ vehicle.itemId }}', '{{ app.request.locale }}', '{{ vehicle.featuredLink }}')"></button>
  97.         {% else %}
  98.             <button class="comparison__like add__comparison{% if vehicle.comparedId is not null  %} active{% endif %}" comparedId="{{ vehicle.comparedId }}" onclick="window.app.Compare.toggleCompare({{ vehicle.itemId }}, '/')"></button>
  99.             <button class="comparison__like add__like{% if vehicle.featuredId is not null  %} active{% endif %}" featuredId="{{ vehicle.featuredId }}" onclick="window.app.Favorit.toggleFavorite('vehicle', {vehicleItemId:'{{ vehicle.itemId }}', locale:'{{ app.request.locale }}', link:'{{ vehicle.featuredLink }}'})"></button>
  100.         {% endif %}
  102.     </div>
  103.     {% if vehicle.deposit %}
  104.     <div class="car__status__cover">
  105.         <span class="deposit-car">{{ 'catalog.deposit'|trans({},'automarket_base') }}</span>
  106.     </div>
  107.     {% endif %}
  108.     {% if vehicle.sold %}
  109.         <div class="car__status__cover">
  110.             <span class="sold-car">Продано</span>
  111.         </div>
  112.     {% endif %}
  113.     {% if vehicle.sale %}
  114.         <div class="additional__information__box">
  115.             <span>-{{ vehicle.sale }}%</span>
  116.         </div>
  117.     {% endif %}
  118.     {% if isCategory is defined %}
  119.         <div class="card__car__learn__more__box">
  120.             <div class="page__btn__red card__car__learn__more-btn" onClick="window.location.href='{{ vehicle.url }}'">{{ 'catalog.details'|trans({},'automarket_base') }}</div>
  121.         </div>
  122.     {% endif %}
  123. </div>