src/DcSiteBundle/Resources/views/LandRover/Car/car-card.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/LandRover/template.html.twig' %}
  3. {% block head %}
  4.     <title>
  5.         {% if model.seoTitle(app.request.locale) is empty %}
  6.             {{ 'seo.main.title'|trans({}, 'dc_landrover') }}
  7.         {% else %}
  8.             {{ model.seoTitle(app.request.locale) }}
  9.         {% endif %}
  10.     </title>
  11.     <meta name="description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.description'|trans({}, 'dc_landrover') }}{% endif %}"/>
  12.     {% if model.seoKeywords(app.request.locale) %}
  13.         <meta name="keywords" content="{{ model.seoKeywords(app.request.locale) }}"/>
  14.     {% endif %}
  15.     {% if model.noindexFollow %}
  16.         <meta name="robots" content="noindex, follow"/>
  17.     {% endif %}
  18.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/landrover/css/landroverCarCard.css?{{ VERSION }}">
  20. {% endblock %}
  22. {% block ogtagDynamicImage %}
  23.     <meta property="og:image" content="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}"/>
  24. {% endblock %}
  26. {% block ogtagDynamic %}
  27.     <meta property="og:title" content="{% if model.seoTitle(app.request.locale) is empty %} {{ 'seo.main.title'|trans({}, 'dc_landrover') }} {% else %} {{ model.seoTitle(app.request.locale) }} {% endif %}"/>
  28.     <meta property="og:description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.description'|trans({}, 'dc_landrover') }}{% endif %}"/>
  29. {% endblock %}
  31. {% block socialPreview %}
  32.     <img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none">
  33. {% endblock %}
  35. {% block content %}
  38.     <div style="display: none" class="breadcrumbs__shadow">
  39.         <section class="breadcrumbs__new">
  40.             <div class="container">
  41.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  42.                     <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  43.                         <a itemprop="item" href="{{ path('landrover_homepage') }}">
  44.                             <span class="breadcrumbs__link" itemprop="name">Land Rover</span>
  45.                         </a>
  46.                         <meta itemprop="position" content="1"/>
  47.                     </li>
  49.                     <div class="arrow-bcs">
  50.                         ❯</div>
  51.                     <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  52.                         <a itemprop="item" href="{{ path('landrover_model_lineup') }}">
  53.                             <span class="breadcrumbs__link" itemprop="name">
  54.                                 {{ model.fullName }}
  55.                             </span>
  56.                         </a>
  57.                         <meta itemprop="position" content="2"/>
  58.                     </li>
  59.                 </ol>
  60.             </div>
  61.         </section>
  62.     </div>
  64.     <section class="breadcrumbs">
  65.         <div class="container">
  66.             <div class="row">
  67.                 <div class="col-12">
  68.                     <div class="global_breadcrumbs">
  69.                         <span class="bc_title">
  70.                             <a href="{{ path('landrover_homepage') }}">
  71.                                 Land Rover
  72.                             </a>
  73.                         </span>
  74.                         <div class="arrow-bc"></div>
  75.                         <span class="bc_title">
  76.                             <a href="{{ path('landrover_model_lineup') }}">
  77.                                 {{ 'car.model_lineup'|trans({}, 'dc_jaguar') }}
  78.                             </a>
  79.                         </span>
  80.                         <div class="arrow-bc"></div>
  81.                         <span class="bc_title">
  82.                             {{ model.fullName }}
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </section>
  89.         <main class="new__car-car">
  92.             <section class="main-card-car section-padding" id="gallery">
  93.                 <div class="container">
  94.                     <div class="row">
  95.                         <div class="col-md-12 car-name name_and_status-flex">
  96.                             <h1 class="mb-0">
  97.                                 {{ model.slogan(app.request.locale) }}
  98.                                 {{ model.fullName }}
  99.                             </h1>
  100.                             {% if  model.new %}
  101.                                 <span class="car_status_is_new car_card_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
  102.                             {% endif %}
  103.                         </div>
  104.                     </div>
  105.                     <div class="row align-items-center">
  106.                         <img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none"/>
  108.                         {% include '@DcSite/Modules/car/car-gallery.html.twig' %}
  110.                         <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3">
  111.                             <div class="mb30">
  112.                                 {% if model.showDisabled == 1 %}
  113.                                     <div>
  114.                                         <span class="car-price mb20">{{ 'archive.title_one'|trans({}, 'dc_base') }}</span>
  115.                                         <hr>
  116.                                     </div>
  117.                                 {% endif %}
  118.                                 {% if model.showDisabled == 0 %}
  119.                                     <div>
  120.                                         <span class="d-block">
  121.                                             {{ 'trade_in.price'|trans({},'dc_base') }}
  122.                                         </span>
  123.                                         <span class="car-price-main">
  124.                                             {% if model.price > 0 %}
  125.                                                 {{ 'car.cost_from'|trans({}, 'dc_landrover') }}
  126.                                                 {{ model.price|price }}
  127.                                                 грн
  128.                                             {% else %}
  129.                                                 {{ 'pages.base.no-price'|trans({},'dc_toyota') }}
  130.                                             {% endif %}
  131.                                         </span>
  132.                                         {% if model.hasActionPrice %}
  133.                                             <span class="car-price-old mb20">
  134.                                                 {{ model.fullPrice|price }}
  135.                                                 грн
  136.                                             </span>
  137.                                         {% endif %}
  138.                                         <hr>
  139.                                     </div>
  140.                                     {% if model.preorderPrice %}
  141.                                         <div>
  142.                                             <span class="d-block">
  143.                                                 {{ 'pages.car_card.price_in_production'|trans({},'dc_base') }}
  144.                                             </span>
  145.                                             <span class="car-price mb20">
  146.                                                 от
  147.                                                 {{ model.preorderPrice|price }}
  148.                                                 грн
  149.                                             </span>
  150.                                             <hr>
  151.                                         </div>
  152.                                     {%  endif %}
  153.                                 {% endif %}
  154.                             </div>
  155.                             <div class="mb20">
  156.                                 {% if model.showDisabled == 0 %}
  157.                                     <button class="btn btn-primary w-100 mb40" type="button" data-toggle="modal" data-target="#order-car">{{ 'pages.car_card.btn_buy'|trans({}, 'dc_base') }}</button>
  159.                                     <a href="{{ path('landrover_service_consultation_form_online',{ vehicleId : model.vehicleId })}}" class="btn btn-outline-secondary w-100">{{ 'catalog.btn_consultation'|trans({}, 'dc_landrover') }}</a>
  160.                                 {% endif %}
  161.                             </div>
  162.                         </div>
  163.                     </div>
  164.                 </div>
  165.             </section>
  167.             <div class="navs sticky-top" id="nav-manu">
  168.                 <div class="container">
  169.                     <div class="row">
  170.                         <div class="col-md-12">
  171.                             <ul class="navs-list mobile-scroll">
  172.                                 <li class="navs-list-li">
  173.                                     <a href="#gallery" class="navs-list-link active">{{ 'car_page.new.gallery'|trans({}, 'dc_base') }}</a>
  174.                                 </li>
  175.                                 {% if model.hasInStock %}
  176.                                     <li class="navs-list-li">
  177.                                         <a href="#car-in-stock" class="navs-list-link">{{ 'car_page.new.in_stock'|trans({}, 'dc_base') }}</a>
  178.                                     </li>
  179.                                 {% endif %}
  180.                                 {% if vehicleColor is not empty %}
  181.                                     <li class="navs-list-li">
  182.                                         <a href="#select-vehicle-color" class="navs-list-link active">{{ 'car_page.new.color'|trans({}, 'dc_base') }}</a>
  183.                                     </li>
  184.                                 {% endif %}
  185.                                 {% if model.firstYoutubeUrl is not empty %}
  186.                                     <li class="navs-list-li">
  187.                                         <a href="#videoReview" class="navs-list-link">{{ 'vehicles.video'|trans({}, 'dc_base') }}</a>
  188.                                     </li>
  189.                                 {% endif %}
  190.                                 {% if model.hasFeatures %}
  191.                                     <li class="navs-list-li">
  192.                                         <a href="#overview" class="navs-list-link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a>
  193.                                     </li>
  194.                                 {% endif %}
  195.                                 <li class="navs-list-li">
  196.                                     <a href="{{ path('landrover_card_car_configuraion', {car: model.url}) }}" class="navs-list-link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }},
  197.                                         {{ 'car_page.new.price'|trans({}, 'dc_base') }},
  198.                                         {{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a>
  199.                                 </li>
  200.                                 {% if model.hasAccessories %}
  201.                                     <li class="navs-list-li">
  202.                                         <a href="{{ path('landrover_service_accessory_model', { modelUrl: model.model.url }) }}" class="navs-list-link">{{ 'accessories.title'|trans({}, 'dc_toyota') }}</a>
  203.                                     </li>
  204.                                 {% endif %}
  205.                                 {% if faqs %}
  206.                                     <li class="navs-list-li">
  207.                                         <a href="#faqs" class="navs-list-link">{{ 'pages.car_card.nav.faq'|trans({}, 'dc_base') }}</a>
  208.                                     </li>
  209.                                 {% endif %}
  211.                             </ul>
  212.                         </div>
  213.                     </div>
  214.                 </div>
  215.             </div>
  216.             {% if model.showDisabled != 1 %}
  217.                 {% include '@DcSite/Modules/car/finance-services.html.twig' with {newCreditCalc: true} %}
  218.             {% endif %}
  220.             {% if model.hasInStock or model.showDisabled == 1 %}
  221.                 {% include '@DcSite/Modules/car/card-in-stock-block.html.twig' with {'inStockUrl' : path('landrover_car_stock')}  %}
  222.             {% endif %}
  225.             {% include '@DcSite/Modules/vehicle/vehicle-color.html.twig' %}
  227.             {% if model.firstYoutubeUrl is not empty %}
  228.                 <section class="section_car_video" id="videoReview">
  229.                     <div class="container">
  230.                         {% include '@DcSite/Modules/vehicle/video-block.html.twig' with {'videoPath': model.firstYoutubeUrl, 'brand':model.brand.name,'model':model.modelName } %}
  231.                     </div>
  232.                 </section>
  233.             {% endif %}
  235.             {% if model.hasFeatures %}
  236.                 {% include '@DcSite/Modules/car/car-feature.html.twig' %}
  237.             {% endif %}
  240.             {% if faqs %}
  241.                 <section id="faqs" class="faq__wrapper">
  242.                     {% include '@DcSite/Modules/car/car-faq_v3.html.twig' %}
  243.                 </section>
  244.             {% endif %}
  246.             <section class="seo-block section-padding section-grey mb-0">
  247.                 <div class="container">
  248.                     <div class="row">
  249.                         <div class="col-md-12 title">
  250.                             <span class="mob-fz-20">
  251.                                 {{ 'pages.car.details_about'|trans({},'dc_nissan') }}
  252.                                 {{ model.fullName }}
  253.                             </span>
  254.                         </div>
  255.                     </div>
  256.                     <div class="row">
  257.                         <div class="col-12">
  258.                             <div class="seo-wrap seo-text" id="seo-content">
  259.                                 {{ model.content(app.request.locale)|raw }}
  260.                                 <div class="more seo-btn link-btn before-arrow">
  261.                                     {{ 'car.show_more'|trans({}, 'dc_jaguar') }}
  262.                                 </div>
  263.                             </div>
  264.                         </div>
  265.                     </div>
  266.                 </div>
  267.             </section>
  269.             {% include '@DcSiteBundle/Modules/n-buy-car-popup.html.twig' %}
  271.         </main>
  272.         {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %}
  274.         {% include '@DcSite/Modules/call-me-popup.html.twig' with  {
  275.         'route': path('form_call_me', {'formType': 4}),
  276.     } %}
  278.         {% include '@DcSite/Modules/sps-popup-credit.html.twig'  with  {'homePage' :  path('landrover_homepage') } %}
  280.     {% endblock %}
  283. {% block script %}
  284.     <script src="/dist/{{ MODE }}/dcsite/landrover/js/landroverCarCard.js?{{ VERSION }}"></script>
  285.     <script>
  286.         $(() => {
  287.             window.initCarGallery({
  288.                 firstImage: '{{ webpUrl(model.getFirstGalleryImage,'new_slider') }}',
  289.                 hasVideo: '{{ model.hasVideo }}',
  290.                 loadDataUrl: '{{ path('car-card-load-gallery', {id: model.vehicleId}) }}',
  291.                 lightGalleryUrl: '{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}',
  292.                 lightGalleryCss: '{{ asset('/bundles/core/css/modules/gallery/lightgallery.css') }}',
  293.                 galleryCss: '{{ asset('/bundles/core/css/bootstrap_build/carousel.css') }}',
  294.             });
  295.             window.initVehicleColors({
  296.                 vehicleColor: '{{ vehicleColor|json_encode_replace|raw }}',
  297.             });
  298.             window.initInStock({
  299.                 dataCarInStock: '{{ carInStock|json_encode_replace|raw }}',
  300.             });
  302.             window.initTradeIn({
  303.                 initUrl: '{{ path('dc_ti_init') }}',
  304.                 dealer: {{ model.dealer.id }},
  305.                 carId: {{ model.vehicleId }},
  306.                 variationId: {{ model.vehicleItemId }},
  307.                 agreementUrl: '{{ privacyUrl }}',
  308.             });
  309.             window.initCasco({
  310.                 initUrl : '{{ path('base_casco_init') }}',
  311.                 initByDealerUrl : '{{ path('base_casco_init_by_dealer') }}',
  312.                 optionsUrl : '{{ path('base_casco_options') }}',
  313.                 formUrl : '{{ path('base_casco_save_form') }}',
  314.                 privacyUrl: '{{ privacyUrl }}',
  315.                 dealer: {{ model.dealer.id }},
  316.                 carId: {{ model.vehicleId }},
  317.                 variationId: {{ model.vehicleItemId }},
  318.                 disableCarChange: true
  319.             });
  320.             window.initRegCost({
  321.                 initUrl: '{{ path('base_reg_cost_init') }}',
  322.                 carId: {{ model.vehicleId }},
  323.             });
  325.             const obj = new dcsite.landroverCarCard.Credit();
  327.             obj.initCreditCalc({
  328.                 getVehicleBrandUrl: '{{ path('dc_credit_find_brand') }}',
  329.                 getVehicleModelUrl: '{{ path('dc_credit_find_model') }}',
  330.                 getVehicleEquipmentUrl: '{{ path('dc_credit_find_equipment') }}',
  331.                 getVehicleVariationUrl: '{{ path('dc_credit_find_variation') }}',
  332.                 getVehicleUrl: '{{ path('dc_credit_get_vehicle') }}',
  333.                 initCreditCalcUrl: '{{ path('dc_finance_credit_init') }}',
  334.                 initTradeInUrl: '{{ path('dc_ti_init') }}',
  335.                 agreementUrl: '{{ path('automarket_personal_data_agreement') }}',
  336.                 loadListDocumentUrl: '{{ path('dc_credit_load_documents') }}',
  337.                 schedulePaymentUrl: '{{ path('dc_credit_load_schedule_credit_pdf') }}',
  338.                 getVehiclesByWalletUrl: '{{ path('dc_finance_credit_by_price') }}',
  339.                 getVehiclesWithMinPriceUrl: '{{ path('dc_finance_credit_by_price_min') }}',
  340.                 getCrmUUIDUrl: '{{ path('dc_finance_crm_lead_by_uuid') }}',
  341.                 getCrmDataUrl: '{{ path('dc_finance_crm_create_lead') }}',
  342.                 sendLeadUrl: '{{ path('dc_credit_save') }}',
  343.                 ks: '{{ 'catalog.k_s'|trans({}, 'portal_base') }}',
  344.                 enginePower: '{{ 'cars.engine'|trans({}, 'portal_base') }}',
  345.                 translate_month: '{{ 'finance.credit.credit_month_short'|trans({}, 'portal_base') }}',
  346.                 translate_under: '{{ 'finance.credit.credit_under'|trans({}, 'portal_base') }}',
  347.                 translate_first_payment: '{{ 'form.first_give'|trans({}, 'portal_base') }}',
  348.                 translate_uah: ' грн',
  349.                 translate_not_enough_money: '{{ 'finance.credit.not_enough_money'|trans({}, 'portal_base') }}',
  350.                 translate_not_estimate_vehicle: '{{ 'finance.credit.not_estimate_vehicle'|trans({}, 'portal_base') }}',
  351.                 translate_min_first_payment_for_car: '{{ 'finance.credit.min_first_payment_for_car'|trans({}, 'portal_base') }}',
  352.                 translate_unfortunately_not_enough: '{{ 'finance.credit.unfortunately_not_enough'|trans({}, 'portal_base') }}',
  353.                 translate_price_of_your_car: '{{ 'finance.credit.price_of_your_car'|trans({}, 'portal_base') }}',
  354.                 translate_estimate_vehicle_more_1: '{{ 'finance.credit.translate_estimate_vehicle_more_1'|trans({}, 'portal_base') }}',
  355.                 translate_estimate_vehicle_more_2: '{{ 'finance.credit.translate_estimate_vehicle_more_2'|trans({}, 'portal_base') }}',
  356.                 translate_min: '{{ 'finance.credit.min'|trans({}, 'portal_base') }}',
  357.                 translate_min_first_payment: '{{ 'finance.credit.min_first_payment'|trans({}, 'portal_base') }}',
  358.                 translate_min_month_payment: '{{ 'finance.credit.min_month_payment'|trans({}, 'portal_base') }}',
  359.                 translate_month_term_credit: '{{ 'finance.credit.month_term_credit'|trans({}, 'portal_base') }}',
  360.                 continue_first_least: '{{ 'finance.credit.continue_first_least'|trans({}, 'portal_base') }}',
  361.                 translate_term_months: '{{ 'finance.credit.term_months'|trans({}, 'portal_base') }}',
  362.                 translate_term_months_short: '{{ 'finance.credit.term_months_short'|trans({}, 'portal_base') }}',
  363.                 translate_price_from: '{{ 'finance.credit.price_from'|trans({}, 'portal_base') }}',
  364.                 credit_coplectation: '{{ 'finance.credit.credit_coplectation'|trans({}, 'portal_base') }}',
  365.                 credit_modification: '{{ 'finance.credit.credit_modification'|trans({}, 'portal_base') }}',
  366.                 privacyUrl: '{{ privacyUrl }}',
  367.                 name: '{{ app.user.name | default(null) }}',
  368.                 phone: '{{ app.user.phone | default(null) }}',
  369.                 unsetUsedTypeVehicle: true,
  370.                 unsetFlow2: true,
  371.                 newCarUrl: 'landrover_card_car',
  372.                 usedCarUrl: '',
  373.                 brand_id: {{model.brand.id }},
  374.                 dealer_id: {{model.dealer.id}},
  375.                 model_id: {{ model.model.id }},
  376.                 newCarCard: true,
  377.             });
  378.         });
  380.     </script>
  381.     <script type="application/ld+json">
  382.          {{ structuredData|raw }}
  383.     </script>
  384.     {% block scriptCreditCard %}
  385.     {% endblock %}
  386. {% endblock script %}