src/DcSiteBundle/Resources/views/Subaru/Main/index.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Subaru/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ 'base.seo.title_main'|trans({}, 'dc_subaru') }}</title>
  5.     <meta name="description" content="{{ 'base.seo.description_main'|trans({}, 'dc_subaru') }}">
  6.     <meta name="keywords" content="Субару, Subaru">
  7.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/subaru/css/subaruMain.css?{{ VERSION }}">
  8. {% endblock head %}
  10. {% block ogtagDynamic %}
  11.     <meta property="og:title" content="{{ 'base.seo.title'|trans({}, 'dc_subaru') }}">
  12.     <meta property="og:description" content="{{ 'base.seo.description'|trans({}, 'dc_subaru') }}">
  13. {% endblock ogtagDynamic %}
  15. {% block content %}
  16.         {% include '@DcSite/Modules/slider.html.twig' %}
  17.         <section class="lead-magnets section-padding text-center">
  18.             <div class="container">
  19.                 <div class="row justify-content-center">
  20.                     <div class="col-md-12">
  21.                         <span class="lead-magnet-line"></span>
  22.                     </div>
  23.                     <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
  24.                         <a href="{{ path('subaru_service_consultation') }}" class="lead-magnets-block">
  25.                             <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  26.                                 <path d="M24 0C10.7451 0 0 10.7451 0 24C0 37.2549 10.7451 48 24 48C37.2549 48 48 37.2549 48 24C47.9851 10.7513 37.2487 0.0149032 24 0ZM38.9032 7.22787L37.2581 8.87303C29.6775 2.20374 18.3225 2.20374 10.7419 8.87303L9.09677 7.22787C17.5893 -0.344903 30.4107 -0.344903 38.9032 7.22787ZM19.3548 39.4839V37.9355H28.6452V39.4839H19.3548ZM28.6452 41.0323V41.9923C25.598 42.7768 22.402 42.7768 19.3548 41.9923V41.0323H28.6452ZM19.3548 36.3871V34.0645C19.3548 33.8592 19.2732 33.6623 19.128 33.5172L12.1603 26.5494C12.0151 26.4043 11.8183 26.3226 11.6129 26.3226V23.2258H12.3871C12.5925 23.2258 12.7893 23.1441 12.9345 22.999L15.8044 20.129H32.1956L35.0655 22.999C35.2107 23.1441 35.4075 23.2258 35.6129 23.2258H36.3871V26.3226C36.1817 26.3226 35.9849 26.4043 35.8397 26.5494L28.872 33.5172C28.7268 33.6623 28.6452 33.8592 28.6452 34.0645V36.3871H19.3548ZM11.2924 27.871L17.8065 34.385V41.5154C11.7195 39.3495 7.18742 34.1871 5.82813 27.871H11.2924ZM5.56955 26.3226C5.47132 25.5523 5.4211 24.7765 5.41935 24C5.41935 23.7406 5.42865 23.4828 5.43871 23.2258H6.96774V26.3226H5.56955ZM8.51613 26.3226V23.2258H10.0645V26.3226H8.51613ZM30.1935 34.385L36.7076 27.871H42.1719C40.8126 34.1871 36.2805 39.3495 30.1935 41.5154V34.385ZM37.9355 26.3226V23.2258H39.4839V26.3226H37.9355ZM41.0323 26.3226V23.2258H42.5613C42.5714 23.4828 42.5806 23.7406 42.5806 24C42.5789 24.7765 42.5287 25.5523 42.4305 26.3226H41.0323ZM35.9334 21.6774L33.0635 18.8075C32.9183 18.6623 32.7215 18.5806 32.5161 18.5806H15.4839C15.2785 18.5806 15.0817 18.6623 14.9365 18.8075L12.0666 21.6774H5.56955C6.84784 11.4985 16.1357 4.28323 26.3146 5.56161C34.7383 6.61955 41.3726 13.2539 42.4305 21.6774H35.9334ZM39.7319 40.0255C35.5334 44.1474 29.8837 46.4551 24 46.4516C11.6085 46.4599 1.55642 36.4213 1.5481 24.0297C1.54413 18.1455 3.8519 12.4952 7.97419 8.29626L9.61626 9.93755C1.8389 17.8811 1.97352 30.6254 9.91703 38.4027C17.8605 46.1801 30.6048 46.0455 38.3822 38.1019C46.0436 30.2769 46.0436 17.7626 38.3822 9.93755L40.0243 8.29626C48.7053 17.1388 48.5744 31.3444 39.7319 40.0255Z" fill="#898989"/>
  27.                                 <path d="M30.9676 26.3224C30.9676 23.718 27.9072 21.6772 23.9998 21.6772C20.0925 21.6772 17.0321 23.718 17.0321 26.3224C17.0321 28.9268 20.0925 30.9676 23.9998 30.9676C27.9072 30.9676 30.9676 28.9268 30.9676 26.3224ZM23.9998 29.4192C21.0626 29.4192 18.5805 28.0009 18.5805 26.3224C18.5805 24.644 21.0626 23.2256 23.9998 23.2256C26.9371 23.2256 29.4192 24.644 29.4192 26.3224C29.4192 28.0009 26.9371 29.4192 23.9998 29.4192Z" fill="#898989"/>
  28.                             </svg>
  29.                             <span class="lead-magnets-title btn-arrow">{{ 'leads.test_drive'|trans({}, 'dc_subaru') }}</span>
  30.                         </a>
  31.                     </div>
  32.                     <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
  33.                         <a href="{{ path('subaru_finance_credit') }}" class="lead-magnets-block">
  34.                             <svg width="40" height="48" viewBox="0 0 40 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  35.                                 <path d="M28.4615 3.09668C23.7962 3.09668 20 6.91737 20 11.6128H21.5385C21.5385 7.77057 24.6439 4.64507 28.4615 4.64507V3.09668Z" fill="#898989"/>
  36.                                 <path d="M35.3847 11.6128C35.3847 15.455 32.2793 18.5805 28.4617 18.5805V20.1289C33.127 20.1289 36.9232 16.3082 36.9232 11.6128H35.3847Z" fill="#898989"/>
  37.                                 <path d="M40 11.6129C40 5.20955 34.8238 0 28.4615 0C24.043 0 20.2024 2.51462 18.264 6.19355H0.769231C0.343675 6.19355 0 6.53944 0 6.96774V47.2258C0 47.6541 0.343675 48 0.769231 48H34.6154C35.0409 48 35.3846 47.6541 35.3846 47.2258V20.8817C38.1806 18.7602 40 15.4011 40 11.6129ZM19.2522 18.5806H4.61538V10.8387H16.9621C16.9452 11.0958 16.9231 11.3513 16.9231 11.6129C16.9231 14.2288 17.7971 16.6376 19.2522 18.5806ZM33.8462 46.4516H1.53846V7.74194H17.5962C17.4185 8.24509 17.263 8.75844 17.1552 9.29032H3.84615C3.4206 9.29032 3.07692 9.63621 3.07692 10.0645V19.3548C3.07692 19.7831 3.4206 20.129 3.84615 20.129H20.643C22.7017 22.0445 25.4432 23.2258 28.4615 23.2258C30.406 23.2258 32.2371 22.7351 33.8462 21.8763V46.4516ZM28.4615 21.6774C22.9477 21.6774 18.4615 17.1623 18.4615 11.6129C18.4615 6.06351 22.9477 1.54839 28.4615 1.54839C33.9754 1.54839 38.4615 6.06351 38.4615 11.6129C38.4615 17.1623 33.9754 21.6774 28.4615 21.6774Z" fill="#898989"/>
  38.                                 <path d="M8.46152 23.2256H3.84614C3.42058 23.2256 3.0769 23.5715 3.0769 23.9998V28.6449C3.0769 29.0732 3.42058 29.4191 3.84614 29.4191H8.46152C8.88707 29.4191 9.23075 29.0732 9.23075 28.6449V23.9998C9.23075 23.5715 8.88707 23.2256 8.46152 23.2256ZM7.69229 27.8707H4.61537V24.774H7.69229V27.8707Z" fill="#898989"/>
  39.                                 <path d="M16.1537 23.2256H11.5383C11.1127 23.2256 10.769 23.5715 10.769 23.9998V28.6449C10.769 29.0732 11.1127 29.4191 11.5383 29.4191H16.1537C16.5792 29.4191 16.9229 29.0732 16.9229 28.6449V23.9998C16.9229 23.5715 16.5792 23.2256 16.1537 23.2256ZM15.3844 27.8707H12.3075V24.774H15.3844V27.8707Z" fill="#898989"/>
  40.                                 <path d="M23.846 23.2256H19.2307C18.8051 23.2256 18.4614 23.5715 18.4614 23.9998V28.6449C18.4614 29.0732 18.8051 29.4191 19.2307 29.4191H23.846C24.2716 29.4191 24.6153 29.0732 24.6153 28.6449V23.9998C24.6153 23.5715 24.2716 23.2256 23.846 23.2256ZM23.0768 27.8707H19.9999V24.774H23.0768V27.8707Z" fill="#898989"/>
  41.                                 <path d="M8.46152 30.9678H3.84614C3.42058 30.9678 3.0769 31.3137 3.0769 31.742V36.3871C3.0769 36.8154 3.42058 37.1613 3.84614 37.1613H8.46152C8.88707 37.1613 9.23075 36.8154 9.23075 36.3871V31.742C9.23075 31.3137 8.88707 30.9678 8.46152 30.9678ZM7.69229 35.6129H4.61537V32.5162H7.69229V35.6129Z" fill="#898989"/>
  42.                                 <path d="M16.1537 30.9678H11.5383C11.1127 30.9678 10.769 31.3137 10.769 31.742V36.3871C10.769 36.8154 11.1127 37.1613 11.5383 37.1613H16.1537C16.5792 37.1613 16.9229 36.8154 16.9229 36.3871V31.742C16.9229 31.3137 16.5792 30.9678 16.1537 30.9678ZM15.3844 35.6129H12.3075V32.5162H15.3844V35.6129Z" fill="#898989"/>
  43.                                 <path d="M23.846 30.9678H19.2307C18.8051 30.9678 18.4614 31.3137 18.4614 31.742V36.3871C18.4614 36.8154 18.8051 37.1613 19.2307 37.1613H23.846C24.2716 37.1613 24.6153 36.8154 24.6153 36.3871V31.742C24.6153 31.3137 24.2716 30.9678 23.846 30.9678ZM23.0768 35.6129H19.9999V32.5162H23.0768V35.6129Z" fill="#898989"/>
  44.                                 <path d="M26.1538 31.742V44.1291C26.1538 44.5574 26.4975 44.9033 26.923 44.9033H31.5384C31.964 44.9033 32.3077 44.5574 32.3077 44.1291V31.742C32.3077 31.3137 31.964 30.9678 31.5384 30.9678H26.923C26.4975 30.9678 26.1538 31.3137 26.1538 31.742ZM27.6923 32.5162H30.7692V43.3549H27.6923V32.5162Z" fill="#898989"/>
  45.                                 <path d="M8.46152 38.7095H3.84614C3.42058 38.7095 3.0769 39.0554 3.0769 39.4837V44.1288C3.0769 44.5571 3.42058 44.903 3.84614 44.903H8.46152C8.88707 44.903 9.23075 44.5571 9.23075 44.1288V39.4837C9.23075 39.0554 8.88707 38.7095 8.46152 38.7095ZM7.69229 43.3546H4.61537V40.2579H7.69229V43.3546Z" fill="#898989"/>
  46.                                 <path d="M16.1537 38.7095H11.5383C11.1127 38.7095 10.769 39.0554 10.769 39.4837V44.1288C10.769 44.5571 11.1127 44.903 11.5383 44.903H16.1537C16.5792 44.903 16.9229 44.5571 16.9229 44.1288V39.4837C16.9229 39.0554 16.5792 38.7095 16.1537 38.7095ZM15.3844 43.3546H12.3075V40.2579H15.3844V43.3546Z" fill="#898989"/>
  47.                                 <path d="M23.846 38.7095H19.2307C18.8051 38.7095 18.4614 39.0554 18.4614 39.4837V44.1288C18.4614 44.5571 18.8051 44.903 19.2307 44.903H23.846C24.2716 44.903 24.6153 44.5571 24.6153 44.1288V39.4837C24.6153 39.0554 24.2716 38.7095 23.846 38.7095ZM23.0768 43.3546H19.9999V40.2579H23.0768V43.3546Z" fill="#898989"/>
  48.                                 <path d="M26.0774 12.9043H25.6784C25.4352 12.9043 25.25 12.704 25.25 12.4714C25.25 12.2374 25.4366 12.0386 25.6784 12.0386H26.8268C27.3129 11.6679 27.9015 11.3798 28.4481 11.1153C28.5782 11.052 28.7052 10.99 28.8281 10.9284H25.6784C25.4352 10.9284 25.25 10.7282 25.25 10.4956C25.25 10.2618 25.4361 10.0641 25.677 10.0629L25.6784 10.0628L30.1196 10.0629C30.1502 10.0276 30.1775 9.99271 30.2011 9.95805C30.4986 9.51926 30.5308 9.00558 30.2916 8.53625C30.0073 7.97861 29.3866 7.61508 28.6496 7.61508C27.9696 7.61508 27.4589 7.80999 27.1017 8.1665C27.1017 8.16655 27.1016 8.1666 27.1016 8.16665L26.9249 7.98973C26.8536 8.06127 26.7425 8.05815 26.6727 7.98659L26.0774 12.9043ZM26.0774 12.9043C25.7892 13.4487 25.7233 14.0801 25.9341 14.673L26.0774 12.9043ZM31.1192 10.0634C31.3855 9.44903 31.367 8.75447 31.0535 8.13989L31.0535 8.13986C30.611 7.27257 29.6828 6.75 28.6496 6.75C27.7725 6.75 27.0404 7.01172 26.5001 7.55016L31.1192 10.0634ZM31.1192 10.0634H31.3216C31.5647 10.0634 31.75 10.2635 31.75 10.4962C31.75 10.7303 31.5633 10.929 31.3216 10.929H30.4663C30.0161 11.3142 29.4151 11.6065 28.8286 11.8917L28.8196 11.8961L28.8191 11.8964C28.721 11.9438 28.6233 11.9913 28.5265 12.0392H31.3216C31.5624 12.0392 31.7503 12.2371 31.7495 12.4721M31.1192 10.0634L30.5449 15.3665M31.7495 12.4721C31.7491 12.7059 31.5626 12.9043 31.3211 12.9043H27.1379C26.7089 13.322 26.5646 13.8883 26.74 14.3812L26.7401 14.3813C26.9574 14.993 27.6492 15.3949 28.6866 15.3839C29.3219 15.3695 29.8057 15.1982 30.1499 14.8996C30.3346 14.7385 30.6079 14.7685 30.7578 14.95C30.9073 15.1298 30.8878 15.4001 30.7087 15.5553M31.7495 12.4721C31.7495 12.4723 31.7495 12.4725 31.7495 12.4727L31.4995 12.4714H31.7495C31.7495 12.4717 31.7495 12.4719 31.7495 12.4721ZM30.7087 15.5553C30.7087 15.5554 30.7086 15.5554 30.7085 15.5555L30.5449 15.3665M30.7087 15.5553C30.7088 15.5553 30.7089 15.5552 30.7089 15.5551L30.5449 15.3665M30.7087 15.5553C30.1915 16.0049 29.51 16.2315 28.7057 16.2489M30.5449 15.3665C30.0811 15.7697 29.4599 15.9828 28.699 15.999M28.7057 16.2489C28.7062 16.2489 28.7067 16.2488 28.7073 16.2488L28.699 15.999M28.7057 16.2489C28.7052 16.2489 28.7048 16.2489 28.7043 16.2489L28.699 15.999M28.7057 16.2489C28.6705 16.25 28.6365 16.25 28.6065 16.25H28.6047C27.3246 16.25 26.2965 15.6936 25.9341 14.673L28.699 15.999M28.0427 12.2892H27.5457H28.0427Z" fill="#898989" stroke="#898989" stroke-width="0.5"/>
  49.                             </svg>
  50.                             <span class="lead-magnets-title btn-arrow">{{ 'forms.loan'|trans({}, 'dc_subaru') }}</span>
  51.                         </a>
  52.                     </div>
  53.                     <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
  54.                         <a href="{{ path('subaru_finance_trade_in') }}" class="lead-magnets-block" >
  55.                             <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  56.                                 <path d="M3.38184 19.2985C6.59512 7.30577 18.9626 0.163456 30.957 3.37835C36.9216 4.97538 42.1062 9.44855 45.0938 15.4897L40.5279 14.2662L40.1113 15.8214L46.3256 17.486C46.3931 17.5037 46.4639 17.5133 46.533 17.5133C46.6729 17.5133 46.8112 17.4764 46.9367 17.4039C47.1217 17.2962 47.2568 17.1224 47.3115 16.915L48.9761 10.7007L47.4224 10.2857L46.3294 14.3647C43.1069 8.12077 37.646 3.50288 31.3735 1.82321C18.53 -1.61529 5.26993 6.03364 1.82822 18.8819C1.2798 20.9292 1 23.0281 1 25.1252H2.6082C2.6099 23.1696 2.86879 21.2075 3.38184 19.2985Z" fill="#898989" stroke="#898989" stroke-width="0.25"/>
  57.                                 <path d="M47.3917 25.125C47.3917 27.0806 47.1312 29.0411 46.6198 30.9517C43.4064 42.9445 31.0389 50.0867 19.0446 46.8718C13.08 45.2748 7.89531 40.8016 4.90778 34.7606L9.47394 35.9841L9.89051 34.4289L3.67621 32.7643C3.47038 32.7128 3.2516 32.7369 3.06668 32.8463C2.88166 32.954 2.74659 33.1278 2.69192 33.3352L1.02734 39.5495L2.58087 39.9644L3.67255 35.8862C6.89512 42.1298 12.3558 46.7474 18.6281 48.4271C20.7107 48.9851 22.8031 49.2521 24.8649 49.2521C35.5165 49.2521 45.2898 42.1324 48.1718 31.3682C48.7202 29.321 49 27.2221 49 25.125H47.3917V25.125Z" fill="#898989" stroke="#898989" stroke-width="0.25"/>
  58.                                 <path d="M33.5714 22.881C33.5714 22.8571 33.5714 22.8333 33.5714 22.8095L32.4762 17.881C32.2381 16.7857 31.2619 16 30.1429 16H19.619C18.5 16 17.5238 16.7857 17.2857 17.881L16.1905 22.8333C16.1667 22.9048 16.1667 22.9524 16.1905 23.0238C15.4762 23.4286 15 24.2143 15 25.0952V29.8571C15 30.5952 15.4048 31.2143 15.9762 31.6429C15.9762 31.6667 15.9524 31.7143 15.9524 31.7619V33.4286C15.9524 34.3571 16.6905 35.0952 17.619 35.0952H18.0952C19.0238 35.0952 19.7619 34.3571 19.7619 33.4286V32.2381H30.2381V33.4286C30.2381 34.3571 30.9762 35.0952 31.9048 35.0952H32.381C33.3095 35.0952 34.0476 34.3571 34.0476 33.4286V31.7619C34.619 31.3333 35 30.6429 35 29.8571V25.0714C35 24.0952 34.4048 23.2619 33.5714 22.881ZM18.2381 18.0952C18.381 17.4524 18.9524 16.9762 19.619 16.9762H30.1429C30.8095 16.9762 31.4048 17.4524 31.5238 18.0952L32.5476 22.6905H17.381C17.3333 22.6905 17.2619 22.6905 17.2143 22.6905L18.2381 18.0952ZM18.8095 33.4048C18.8095 33.8095 18.5 34.119 18.0952 34.119H17.619C17.2143 34.119 16.9048 33.8095 16.9048 33.4048V32.0952C17.1429 32.1667 17.381 32.2143 17.619 32.2143H18.8095V33.4048ZM33.0952 33.4048C33.0952 33.8095 32.7857 34.119 32.381 34.119H31.9048C31.5 34.119 31.1905 33.8095 31.1905 33.4048V32.2143H32.619C32.7857 32.2143 32.9524 32.1905 33.0952 32.1667V33.4048ZM34.0476 29.8333C34.0476 30.619 33.4048 31.2619 32.619 31.2619H17.619C16.8571 31.2619 15.9524 30.619 15.9524 29.8333V25.0714C15.9524 24.2857 16.5952 23.6429 17.381 23.6429H32.619C33.4048 23.6429 34.0476 24.2857 34.0476 25.0714V29.8333Z" fill="#898989" stroke="#898989" stroke-width="0.5"/>
  59.                                 <path d="M19.5714 25.7856C18.7857 25.7856 18.1428 26.4285 18.1428 27.2142C18.1428 27.9999 18.7857 28.6428 19.5714 28.6428C20.3571 28.6428 21 27.9999 21 27.2142C21 26.4285 20.3571 25.7856 19.5714 25.7856ZM19.5714 27.6904C19.3095 27.6904 19.0952 27.4761 19.0952 27.2142C19.0952 26.9523 19.3095 26.738 19.5714 26.738C19.8333 26.738 20.0476 26.9523 20.0476 27.2142C20.0476 27.4761 19.8333 27.6904 19.5714 27.6904Z" fill="#898989" stroke="#898989" stroke-width="0.1"/>
  60.                                 <path d="M30.4286 25.7856C29.6429 25.7856 29 26.4285 29 27.2142C29 27.9999 29.6429 28.6428 30.4286 28.6428C31.2143 28.6428 31.8571 27.9999 31.8571 27.2142C31.8571 26.4285 31.2143 25.7856 30.4286 25.7856ZM30.4286 27.6904C30.1667 27.6904 29.9524 27.4761 29.9524 27.2142C29.9524 26.9523 30.1667 26.738 30.4286 26.738C30.6905 26.738 30.9048 26.9523 30.9048 27.2142C30.9048 27.4761 30.6905 27.6904 30.4286 27.6904Z" fill="#898989" stroke="#898989" stroke-width="0.1"/>
  61.                             </svg>
  62.                             <span class="lead-magnets-title btn-arrow">{{ 'pages.trade_in.title'|trans({}, 'dc_subaru')}}</span>
  63.                         </a>
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </section>
  68.         <section class="model-lineup section-padding bg-grey">
  69.             <div class="container">
  70.                 <div class="row">
  71.                     <div class="col-md-6 section-title section-title-and-btn">
  72.                         <span>{{ 'pages.main.lineup'|trans({}, 'dc_subaru') }}</span>
  73.                     </div>
  74.                     <div class="col-md-6 section-btn">
  75.                         <a href="{{ path('subaru_model_lineup') }}" class="btn-no-bg btn-arrow">{{ 'pages.main.all_cars'|trans({}, 'dc_subaru') }}</a>
  76.                     </div>
  77.                 </div>
  78.                 <div class="row">
  79.                     {% for car in cars %}
  80.                     <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
  81.                         <div class="model-card">
  82.                             <div class="model-card-img">
  83.                                 <a href="{{ path('subaru_card_car', {car: car.url}) }}">
  84.                                     <picture alt="{{ car.modelName }}">
  85.                                         <source srcset="{{ car.image_webp }}" type="image/webp">
  86.                                         <source srcset="{{ car.image }}">
  87.                                         <img src="{{ car.image }}" alt="{{ car.modelName }}">
  88.                                     </picture>
  89.                                 </a>
  90.                             </div>
  91.                             <a href="{{ path('subaru_card_car', {car: car.url}) }}">
  92.                                 <h2 class="d-block model-card-name m-0">{{ car.brand }} {{ car.modelName }}</h2>
  93.                             </a>
  95.                             {% if car.price is null or car.price <= 0 %}
  96.                                 <span class="d-block model-card-price">{{ 'pages.specify_price'|trans({}, 'dc_subaru') }}</span>
  97.                             {% else %}
  98.                                 <span class="price_title">{{ 'pages.main.price'|trans({}, 'dc_subaru') }}</span>
  99.                                 <span class="d-inline-block model-card-price">{{ car.price|price }} грн</span>
  100.                                 {#<a href="{{ path('subaru_service_consultation', {carId: car.vehicleId}) }}" class="btn-blue model-card-btn">{{ 'leads.test_drive'|trans({}, 'dc_subaru') }}</a>#}
  101.                                 <a href="{{ path('subaru_service_consultation', {'carId': car.vehicleId}) }}" class="btn-blue model-card-btn">{{ 'leads.test_drive'|trans({}, 'dc_subaru') }}</a>
  102.                             {% endif %}
  103.                         </div>
  104.                     </div>
  105.                     {% endfor %}
  106.                 </div>
  107.             </div>
  108.         </section>
  109.         <section class="front-consultation">
  110.             <div class="container">
  111.                 <div class="front-consultation__title">{{ 'main.order_consultation'|trans({}, 'dc_base') }}</div>
  113.                 {% include '@DcSite/Modules/multi-consultation/multi-consultation-enter.html.twig' with {
  114.                     link_test_drive: "subaru_service_testdrive_form",
  115.                     link_online: "subaru_service_consultation_form_online",
  116.                     link_offline: "subaru_service_consultation_form"
  117.                 } %}
  119.                 <div class="front-consultation__info">
  120.                     <p>{{ 'main.call_us'|trans({}, 'dc_base') }}</p>
  121.                     <a href="tel:{{ dealer.phone }}" class="front-consultation__phone">{{ dealer.phone }}</a>
  122.                 </div>
  123.             </div>
  124.         </section>
  125. {#        <section class="news-block section-padding">#}
  126. {#            <div class="container">#}
  127. {#                <div class="row">#}
  128. {#                    <div class="col-md-6 section-title section-title-and-btn">#}
  129. {#                        <span>{{ 'pages.main.gen_info'|trans({}, 'dc_subaru') }}</span>#}
  130. {#                    </div>#}
  131. {#                </div>#}
  132. {#                <div class="row">#}
  133. {#                    <div class="col-md-12">#}
  134. {#                        <nav>#}
  135. {#                            <div class="nav nav-tabs" id="nav-tab" role="tablist">#}
  136. {#                                <a class="nav-item nav-link active" id="nav-stocks-tab" data-toggle="tab" href="#nav-stocks" role="tab" aria-controls="nav-stocks" aria-selected="true">{{ 'menu.actions'|trans({}, 'dc_subaru') }}</a>#}
  137. {#                                <a class="nav-item nav-link" id="nav-news-tab" data-toggle="tab" href="#nav-news" role="tab" aria-controls="nav-news" aria-selected="false">{{ 'menu.info.news'|trans({}, 'dc_subaru') }}</a>#}
  138. {#                            </div>#}
  139. {#                        </nav>#}
  140. {#                        <div class="tab-content" id="nav-tabContent">#}
  141. {#                            <div class="tab-pane fade show active" id="nav-stocks" role="tabpanel" aria-labelledby="nav-stocks-tab">#}
  142. {#                                <div class="row" id="stockVue">#}
  143. {#                                    <template v-for="stock in entities">#}
  144. {#                                        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">#}
  145. {#                                            <div class="posts-block">#}
  146. {#                                                <a :href="stock.url" class="posts-img flexbox-wrapper">#}
  147. {#                                                    <img :src="stock.image" :alt="stock.title">#}
  148. {#                                                </a>#}
  149. {#                                                <div class="card-body">#}
  150. {#                                                    <p class="date">#}
  151. {#                                                        <span class="date-box-ico"></span>#}
  152. {#                                                        <small class="text-muted" v-text="stock.dateCreate"></small>#}
  153. {#                                                    </p>#}
  154. {#                                                    <a :href="stock.url">#}
  155. {#                                                        <h5 class="posts-title" v-text="stock.title"></h5>#}
  156. {#                                                    </a>#}
  157. {#                                                    <p class="posts-text" v-text="stock.description"></p>#}
  158. {#                                                    <a :href="stock.url" class="btn-no-bg posts-btn btn-arrow">#}
  159. {#                                                        {{ 'btn.details'|trans({}, 'dc_subaru') }}#}
  160. {#                                                    </a>#}
  161. {#                                                </div>#}
  162. {#                                            </div>#}
  163. {#                                        </div>#}
  164. {#                                    </template>#}
  165. {#                                </div>#}
  166. {#                                <div class="row">#}
  167. {#                                    <div class="col-md-12">#}
  168. {#                                        <a href="{{ path('subaru_stocks') }}" class="btn-blue-border">{{ 'btn.all_actions'|trans({}, 'dc_subaru') }}</a>#}
  169. {#                                    </div>#}
  170. {#                                </div>#}
  171. {#                            </div>#}
  172. {#                            <div class="tab-pane fade" id="nav-news" role="tabpanel" aria-labelledby="nav-news-tab">#}
  173. {#                                <div class="row" id="newsVue">#}
  174. {#                                    <template v-for="news in entities">#}
  175. {#                                        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">#}
  176. {#                                            <div class="posts-block">#}
  177. {#                                                <a :href="news.url" class="posts-img flexbox-wrapper">#}
  178. {#                                                    <img :src="news.image" :alt="news.title">#}
  179. {#                                                </a>#}
  180. {#                                                <div class="card-body">#}
  181. {#                                                    <p class="date">#}
  182. {#                                                        <span class="date-box-ico"></span>#}
  183. {#                                                        <small class="text-muted" v-text="news.dateCreate"></small>#}
  184. {#                                                    </p>#}
  185. {#                                                    <a :href="news.url">#}
  186. {#                                                        <h5 class="posts-title" v-text="news.title"></h5>#}
  187. {#                                                    </a>#}
  188. {#                                                    <p class="posts-text" v-text="news.description"></p>#}
  189. {#                                                    <a :href="news.url" class="btn-no-bg posts-btn btn-arrow">#}
  190. {#                                                        {{ 'btn.details'|trans({}, 'dc_subaru') }}#}
  191. {#                                                    </a>#}
  192. {#                                                </div>#}
  193. {#                                            </div>#}
  194. {#                                        </div>#}
  195. {#                                    </template>#}
  196. {#                                </div>#}
  197. {#                                <div class="row">#}
  198. {#                                    <div class="col-md-12">#}
  199. {#                                        <a href="{{ path('subaru_about_news') }}" class="btn-blue-border">{{ 'btn.all_actions'|trans({}, 'dc_subaru') }}</a>#}
  200. {#                                    </div>#}
  201. {#                                </div>#}
  202. {#                            </div>#}
  203. {#                        </div>#}
  204. {#                    </div>#}
  205. {#                </div>#}
  206. {#            </div>#}
  207. {#        </section>#}
  208.         <section class="seo-block section-padding bg-grey">
  209.             <div class="container">
  210.                 <div class="row">
  211.                     <div class="col-md-12 section-title">
  212.                         <h1>Subaru в {{ 'pages.main.vidi'|trans({}, 'dc_subaru') }}</h1>
  213.                     </div>
  214.                     <div class="col-12">
  215.                         <span>{{ 'pages.main.seo_sub'|trans({}, 'dc_subaru') }}</span>
  216.                         <br>
  217.                         <span>{{ 'pages.main.seo_sub_1'|trans({}, 'dc_subaru') }}</span>
  218.                         <br><br><br>
  219.                     </div>
  220.                 </div>
  221.                 <div class="row">
  222.                     <div class="col-md-7">
  223.                         <div class="seo-wrap" id="seo-content">
  224.                             {% if app.request.locale == 'ru' %}
  225.                                 {% include '@DcSite/Subaru/Main/index_seo_ru.html.twig' %}
  226.                             {% else %}
  227.                                 {% include '@DcSite/Subaru/Main/index_seo_ua.html.twig' %}
  228.                             {% endif %}
  229.                             <div class="seo-btn seo-btn-more more">{{ 'btn.more'|trans({}, 'dc_subaru') }}</div>
  230.                             <div class="seo-btn seo-btn-less less">{{ 'btn.hide'|trans({}, 'dc_subaru') }}</div>
  231.                         </div>
  232.                     </div>
  233.                     <div class="col-md-5">
  234.                         <div class="site-map js-show-map">
  235.                             <a href="#" data-frame="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10170.264400708882!2d30.37483174544678!3d50.41192351690944!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xdd8e3fa840e9066d!2z0JDQstGC0L7RgdCw0LvQvtC9IFN1YmFydSwg0KHQotCeICjRgdC10YDQstC40YEpINCh0YPQsdCw0YDRgyAtINCS0LjQlNC4INCh0YLQsNGA!5e0!3m2!1sru!2sua!4v1553674028998" class="show-map btn-blue">Показать карту</a>
  236.                         </div>
  237.                     </div>
  238.                 </div>
  239.             </div>
  240.         </section>
  241. {% endblock content %}
  243. {% block script %}
  244.     <script src="/dist/{{ MODE }}/dcsite/subaru/js/subaruMain.js?{{ VERSION }}"></script>
  245.     <script>
  246.         $(() => {
  247.             const obj = new dcsite.subaruMain.Main();
  248.             obj.init();
  249.             obj.initSlider({
  250.                 url: '{{ path('main_slider') }}'
  251.             });
  252.         });
  253.     </script>
  254. {% endblock script %}