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

Open in your IDE?
  1. {% extends '@DcSite/Nissan_Armada/template.html.twig' %}
  3. {% block head %}
  4.     <title>
  5.         {% if model.seoTitle(app.request.locale) %}
  6.             {{ model.seoTitle(app.request.locale) }}
  7.         {% else %}
  8.             {{ 'pages.seo.title'|trans({},'dc_nissan_armada') }}
  9.         {% endif %}
  10.     </title>
  11.     <meta name="description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'pages.seo.description'|trans({},'dc_nissan_armada') }}{% 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/nissanArmada/css/nissanArmadaCarCard.css?{{ VERSION }}">
  20. {% endblock %}
  22. {% block ogtagDynamicImage %}
  23.     <meta property="og:image" content="//{{ app.request.host }}{{ sonata_path(model.preview, 'reference') }}"/>
  24. {% endblock %}
  26. {% block ogtagDynamic %}
  27.     <meta property="og:title" content="{% if model.seoTitle(app.request.locale) %}{{ model.seoTitle(app.request.locale) }}{% else %}{{ 'pages.seo.title'|trans({},'dc_nissan_armada') }}{% endif %}"/>
  28.     <meta property="og:description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'pages.seo.description'|trans({},'dc_nissan_armada') }}{% endif %}"/>
  29. {% endblock %}
  31. {% block socialPreview %}
  32.     <img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none">
  33. {% endblock %}
  35. {% block content %}
  37.     <div style="display: none" class="breadcrumbs__shadow">
  38.         <section class="breadcrumbs__new">
  39.             <div class="container">
  40.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  41.                     <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  42.                         <a itemprop="item" href="{{ path('nissan_armada_homepage') }}">
  43.                             <span class="breadcrumbs__link" itemprop="name">NISSAN</span>
  44.                         </a>
  45.                         <meta itemprop="position" content="1"/>
  46.                     </li>
  48.                     <div class="arrow-bcs">
  49.                         ❯</div>
  50.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  51.                         <span class="breadcrumbs__link" itemprop="name">{{ 'pages.base_names.model_lineup'|trans({}, 'dc_base') }}</span>
  52.                         <meta itemprop="position" content="2"/>
  53.                     </li>
  55.                     <div class="arrow-bcs">
  56.                         ❯</div>
  57.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  58.                         <span class="breadcrumbs__link" itemprop="name">{{ model.modelName }}</span>
  59.                         <meta itemprop="position" content="3"/>
  60.                     </li>
  61.                 </ol>
  62.             </div>
  63.         </section>
  64.     </div>
  65.     <section class="title-breadcrumbs">
  66.         <div class="container">
  67.             <div class="row">
  68.                 <div class="col-12">
  69.                     <div class="vidi_breadcrumbs">
  70.                         <span>
  71.                             <a href="{{ path('nissan_armada_homepage') }}">
  72.                                 <span>NISSAN</span>
  73.                             </a>
  74.                         </span>
  75.                         <span class="bc_sep">
  76.                             →
  77.                         </span>
  78.                         <span>
  79.                             <a href="{{ path('nissan_armada_catalog') }}">
  80.                                 <span>{{ 'pages.base_names.model_lineup'|trans({}, 'dc_base') }}</span>
  81.                             </a>
  82.                         </span>
  83.                         <span class="bc_sep">
  84.                             →
  85.                         </span>
  86.                         <span>
  87.                             <a href="{{ path('nissan_armada_category_catalog', {category: model.category.url}) }}">
  88.                                 <span>{{ model.category.title(app.request.locale) }}</span>
  89.                             </a>
  90.                         </span>
  91.                         <span class="bc_sep">
  92.                             →
  93.                         </span>
  94.                         <span>
  95.                             <span class="last-breadcrumbs">{{ model.modelName }}</span>
  96.                         </span>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </section>
  103.     <main class="new__car-car">
  105.         <section class="main-card-car section-padding" id="gallery">
  106.             <div class="container">
  107.                 <div class="row">
  108.                     <div class="col-md-12 car-name">
  109.                         <h1 class="text-uppercase">
  110.                             {{ model.slogan(app.request.locale) }}
  111.                             <br>
  112.                             {{ model.fullName }}
  113.                             {% if model.hasHybrid %}
  114.                                 <span class="car-hybrid">
  115.                                     {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  116.                             {% endif %}
  117.                         </h1>
  118.                     </div>
  119.                 </div>
  120.                 <div class="row align-items-center">
  121.                     <img src="//{{ app.request.host }}{{ sonata_path(model.preview, 'reference') }}" class="d-none"/>
  123.                     {% include '@DcSite/Modules/car/car-gallery.html.twig' %}
  125.                     <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3">
  126.                         <div class="mb30">
  127.                             {% if model.showDisabled == 1 %}
  128.                                 <div>
  129.                                     <span class="car-price mb20">{{ 'archive.title_one'|trans({}, 'dc_base') }}</span>
  130.                                     <hr>
  131.                                 </div>
  132.                             {% endif %}
  133.                             {% if model.showDisabled == 0 %}
  134.                                 <div>
  135.                                     <span class="d-block">
  136.                                         {{ 'pages.car_card.price_without_stocks'|trans({},'dc_base') }}
  137.                                     </span>
  138.                                     <span class="car-price-main">
  139.                                         {% if model.price > 0 %}
  140.                                             {{ 'main.from'|trans({}, 'dc_jaguar') }}
  141.                                             {{ model.price|price }}
  142.                                             {{ 'main.uah'|trans({}, 'dc_jaguar')|raw }}
  143.                                         {% else %}
  144.                                             {{ 'pages.base.no-price'|trans({},'dc_toyota') }}
  145.                                         {% endif %}
  146.                                     </span>
  147.                                     {% if model.hasActionPrice %}
  148.                                         <span class="car-price-old mb20">
  149.                                             {{ model.fullPrice|price }}
  150.                                             {{ 'main.uah'|trans({}, 'dc_jaguar')|raw }}
  151.                                         </span>
  152.                                     {% endif %}
  153.                                     <hr>
  154.                                 </div>
  155.                                 {% if model.preorderPrice %}
  156.                                     <div>
  157.                                         <span class="d-block">
  158.                                             {{ 'pages.car_card.price_in_production'|trans({},'dc_base') }}
  159.                                         </span>
  160.                                         <span class="car-price mb20">
  161.                                             {{ 'main.from'|trans({}, 'dc_jaguar') }}
  162.                                             {{ model.preorderPrice|price }}
  163.                                             {{ 'main.uah'|trans({}, 'dc_jaguar')|raw }}
  164.                                         </span>
  165.                                         <hr>
  166.                                     </div>
  167.                                 {% endif %}
  168.                             {% endif %}
  169.                         </div>
  170.                         <div class="">
  171.                             {% if model.showDisabled == 0 %}
  172.                                 <button class="btn btn-primary w-100 mb-3" type="button" data-toggle="modal" data-target="#order-car">{{ 'pages.car_card.btn_buy'|trans({}, 'dc_base') }}</button>
  173.                                 <a href="{{ path('nissan_armada_service_consultation_form_online',{ vehicleId : model.vehicleId }) }}" class="btn btn-outline-primary w-100 mb20">{{ 'car_page.consultation'|trans({}, 'dc_base') }}</a>
  174.                             {% endif %}
  175.                         </div>
  176.                     </div>
  177.                 </div>
  178.             </div>
  179.         </section>
  181.         <div class="navs sticky-top" id="nav-manu">
  182.             <div class="container">
  183.                 <div class="row">
  184.                     <div class="col-md-12">
  185.                         <ul class="navs-list mobile-scroll">
  186.                             <li class="navs-list-li">
  187.                                 <a href="#gallery" class="navs-list-link active">{{ 'car_page.new.gallery'|trans({}, 'dc_base') }}</a>
  188.                             </li>
  189.                             {% if model.hasInStock %}
  190.                                 <li class="navs-list-li">
  191.                                     <a href="#car-in-stock" class="navs-list-link">{{ 'car_page.new.in_stock'|trans({}, 'dc_base') }}</a>
  192.                                 </li>
  193.                             {% endif %}
  194.                             {% if vehicleColor is not empty %}
  195.                                 <li class="navs-list-li">
  196.                                     <a href="#select-vehicle-color" class="navs-list-link active">{{ 'car_page.new.color'|trans({}, 'dc_base') }}</a>
  197.                                 </li>
  198.                             {% endif %}
  199.                             {% if model.firstYoutubeUrl is not empty %}
  200.                                 <li class="navs-list-li">
  201.                                     <a href="#videoReview" class="navs-list-link">{{ 'vehicles.video'|trans({}, 'dc_base') }}</a>
  202.                                 </li>
  203.                             {% endif %}
  204.                             {% if model.hasFeatures %}
  205.                                 <li class="navs-list-li">
  206.                                     <a href="#overview" class="navs-list-link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a>
  207.                                 </li>
  208.                             {% endif %}
  209.                             <li class="navs-list-li">
  210.                                 <a href="{{ path('nissan_armada_one_car_configuraion', {category : model.category.url, car: model.url}) }}" class="navs-list-link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }}
  211.                                     ,
  212.                                     {{ 'car_page.new.price'|trans({}, 'dc_base') }}
  213.                                     ,
  214.                                     {{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a>
  215.                             </li>
  216.                             {% if model.hasAccessories %}
  217.                                 <li class="navs-list-li">
  218.                                     <a href="{{ path('nissan_armada_service_accessory_model', { modelUrl: model.model.url}) }}" class="navs-list-link">{{ 'accessories.title'|trans({}, 'dc_toyota') }}</a>
  219.                                 </li>
  220.                             {% endif %}
  221.                             {% if model.files.count %}
  222.                                 <li class="navs-list-li">
  223.                                     <a class="dropdown-toggle navs-list-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{ 'car_page.new.broshurs'|trans({}, 'dc_base') }}</a>
  224.                                     <div class="dropdown-menu dropdown-menu-broshure">
  225.                                         {% for file in model.files %}
  226.                                             <a class="dropdown-item" href="{{ path('base_download_file',{ id : file.id }) }}" target="_blank">
  227.                                                 <div>
  228.                                                     <span class="broshure-name">{{ file.title(app.request.locale) }}</span>
  229.                                                     {# <span class="broshure-format">PDF, 1.5MB</span> #}
  230.                                                 </div>
  231.                                             </a>
  232.                                         {% endfor %}
  233.                                     </div>
  234.                                 </li>
  235.                             {% endif %}
  237.                         </ul>
  238.                     </div>
  239.                 </div>
  240.             </div>
  241.         </div>
  242.         {% if model.showDisabled != 1 %}
  243.             {% include '@DcSite/Modules/car/finance-services.html.twig' with {newCreditCalc: true} %}
  244.         {% endif %}
  246.         {% if model.hasInStock or model.showDisabled == 1 %}
  247.             {% include '@DcSite/Modules/car/card-in-stock-block.html.twig' %}
  248.             {% include '@DcSite/Modules/n-buy-in-stock-car-popup.html.twig' %}
  249.         {% endif %}
  253.         {% include '@DcSite/Modules/vehicle/vehicle-color.html.twig' %}
  255.            {% if model.firstYoutubeUrl is not empty %}
  256.             <section class="section_car_video" id="videoReview">
  257.                 <div class="container">
  258.                     {% include '@DcSite/Modules/vehicle/video-block.html.twig' with {'videoPath': model.firstYoutubeUrl, 'brand':model.brand.name,'model':model.modelName } %}
  259.                 </div>
  260.             </section>
  261.         {% endif %}
  263.         {% if model.hasFeatures %}
  264.             {% include 'DcSiteBundle:Modules/car:car-feature.html.twig' %}
  265.         {% endif %}
  267.         {% if faqs %}
  268.             <section class="faq__wrapper">
  269.                 {% include '@DcSite/Modules/car/car-faq_v3.html.twig' %}
  270.             </section>
  271.         {% endif %}
  274.         <section class="seo-block section-padding section-grey">
  275.             <div class="container">
  276.                 <div class="row">
  277.                     <div class="col-md-12 section-title text-left">
  278.                         <span>{{ 'pages.car.details_about'|trans({},'dc_nissan') }}
  279.                             {{ model.fullName }}</span>
  280.                         {% if model.hasHybrid %}
  281.                             <span class="car-hybrid" style="color: #30A4C8;">
  282.                                 {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  283.                         {% endif %}
  284.                     </div>
  285.                 </div>
  286.                 <div class="row">
  287.                     <div class="col-md-12">
  288.                         <div class="seo-wrap" id="seo-content">
  289.                             {{ model.content(app.request.locale)|raw }}
  291.                         </div>
  292.                     </div>
  293.                 </div>
  294.             </div>
  295.         </section>
  298.         {% include '@DcSite/Modules/n-buy-car-popup.html.twig' %}
  300.     </main>
  301.     {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %}
  303.     {% include '@DcSite/Modules/call-me-popup.html.twig' with  {
  304.         'route': path('form_call_me', {'formType': 4}),
  305.     } %}
  307.     {% include '@DcSite/Modules/sps-popup-credit.html.twig'  with  {'homePage' :  path('nissan_armada_homepage') } %}
  310. {% endblock %}
  314. {% block script %}
  315.     <script src="/dist/{{ MODE }}/dcsite/nissanArmada/js/nissanArmadaCarCard.js?{{ VERSION }}"></script>
  316.     <script>
  317.         $(() => {
  318.             window.initCarGallery({
  319.                 firstImage: '{{ webpUrl(model.getFirstGalleryImage,'new_slider') }}',
  320.                 hasVideo: '{{ model.hasVideo }}',
  321.                 loadDataUrl: '{{ path('car-card-load-gallery', {id: model.vehicleId}) }}',
  322.                 lightGalleryUrl: '{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}',
  323.                 lightGalleryCss: '{{ asset('/bundles/core/css/modules/gallery/lightgallery.css') }}',
  324.                 galleryCss: '{{ asset('/bundles/core/css/bootstrap_build/carousel.css') }}',
  325.             });
  326.             window.initVehicleColors({
  327.                 vehicleColor: '{{ vehicleColor|json_encode_replace|raw }}',
  328.             });
  329.             window.initInStock({
  330.                 dataCarInStock: '{{ carInStock|json_encode_replace|raw }}',
  331.             });
  333.             window.initTradeIn({
  334.                 initUrl: '{{ path('dc_ti_init') }}',
  335.                 dealer: {{ model.dealer.id }},
  336.                 carId: {{ model.vehicleId }},
  337.                 variationId: {{ model.vehicleItemId }},
  338.                 agreementUrl: '{{ privacyUrl }}',
  339.             });
  340.             window.initCasco({
  341.                 initUrl : '{{ path('base_casco_init') }}',
  342.                 initByDealerUrl : '{{ path('base_casco_init_by_dealer') }}',
  343.                 optionsUrl : '{{ path('base_casco_options') }}',
  344.                 formUrl : '{{ path('base_casco_save_form') }}',
  345.                 privacyUrl: '{{ privacyUrl }}',
  346.                 dealer: {{ model.dealer.id }},
  347.                 carId: {{ model.vehicleId }},
  348.                 variationId: {{ model.vehicleItemId }},
  349.                 disableCarChange: true
  350.             });
  351.             window.initRegCost({
  352.                 initUrl: '{{ path('base_reg_cost_init') }}',
  353.                 carId: {{ model.vehicleId }},
  354.             });
  356.             const obj = new dcsite.nissanArmadaCarCard.Credit();
  358.             obj.initCreditCalc({
  359.                 getVehicleBrandUrl: '{{ path('dc_credit_find_brand') }}',
  360.                 getVehicleModelUrl: '{{ path('dc_credit_find_model') }}',
  361.                 getVehicleEquipmentUrl: '{{ path('dc_credit_find_equipment') }}',
  362.                 getVehicleVariationUrl: '{{ path('dc_credit_find_variation') }}',
  363.                 getVehicleUrl: '{{ path('dc_credit_get_vehicle') }}',
  364.                 initCreditCalcUrl: '{{ path('dc_finance_credit_init') }}',
  365.                 initTradeInUrl: '{{ path('dc_ti_init') }}',
  366.                 agreementUrl: '{{ path('automarket_personal_data_agreement') }}',
  367.                 loadListDocumentUrl: '{{ path('dc_credit_load_documents') }}',
  368.                 schedulePaymentUrl: '{{ path('dc_credit_load_schedule_credit_pdf') }}',
  369.                 getVehiclesByWalletUrl: '{{ path('dc_finance_credit_by_price') }}',
  370.                 getVehiclesWithMinPriceUrl: '{{ path('dc_finance_credit_by_price_min') }}',
  371.                 getCrmUUIDUrl: '{{ path('dc_finance_crm_lead_by_uuid') }}',
  372.                 getCrmDataUrl: '{{ path('dc_finance_crm_create_lead') }}',
  373.                 sendLeadUrl: '{{ path('dc_credit_save') }}',
  374.                 ks: '{{ 'catalog.k_s'|trans({}, 'portal_base') }}',
  375.                 enginePower: '{{ 'cars.engine'|trans({}, 'portal_base') }}',
  376.                 translate_month: '{{ 'finance.credit.credit_month_short'|trans({}, 'portal_base') }}',
  377.                 translate_under: '{{ 'finance.credit.credit_under'|trans({}, 'portal_base') }}',
  378.                 translate_first_payment: '{{ 'form.first_give'|trans({}, 'portal_base') }}',
  379.                 translate_uah: ' грн',
  380.                 translate_not_enough_money: '{{ 'finance.credit.not_enough_money'|trans({}, 'portal_base') }}',
  381.                 translate_not_estimate_vehicle: '{{ 'finance.credit.not_estimate_vehicle'|trans({}, 'portal_base') }}',
  382.                 translate_min_first_payment_for_car: '{{ 'finance.credit.min_first_payment_for_car'|trans({}, 'portal_base') }}',
  383.                 translate_unfortunately_not_enough: '{{ 'finance.credit.unfortunately_not_enough'|trans({}, 'portal_base') }}',
  384.                 translate_price_of_your_car: '{{ 'finance.credit.price_of_your_car'|trans({}, 'portal_base') }}',
  385.                 translate_estimate_vehicle_more_1: '{{ 'finance.credit.translate_estimate_vehicle_more_1'|trans({}, 'portal_base') }}',
  386.                 translate_estimate_vehicle_more_2: '{{ 'finance.credit.translate_estimate_vehicle_more_2'|trans({}, 'portal_base') }}',
  387.                 translate_min: '{{ 'finance.credit.min'|trans({}, 'portal_base') }}',
  388.                 translate_min_first_payment: '{{ 'finance.credit.min_first_payment'|trans({}, 'portal_base') }}',
  389.                 translate_min_month_payment: '{{ 'finance.credit.min_month_payment'|trans({}, 'portal_base') }}',
  390.                 translate_month_term_credit: '{{ 'finance.credit.month_term_credit'|trans({}, 'portal_base') }}',
  391.                 continue_first_least: '{{ 'finance.credit.continue_first_least'|trans({}, 'portal_base') }}',
  392.                 translate_term_months: '{{ 'finance.credit.term_months'|trans({}, 'portal_base') }}',
  393.                 translate_term_months_short: '{{ 'finance.credit.term_months_short'|trans({}, 'portal_base') }}',
  394.                 translate_price_from: '{{ 'finance.credit.price_from'|trans({}, 'portal_base') }}',
  395.                 credit_coplectation: '{{ 'finance.credit.credit_coplectation'|trans({}, 'portal_base') }}',
  396.                 credit_modification: '{{ 'finance.credit.credit_modification'|trans({}, 'portal_base') }}',
  397.                 privacyUrl: '{{ privacyUrl }}',
  398.                 name: '{{ app.user.name | default(null) }}',
  399.                 phone: '{{ app.user.phone | default(null) }}',
  400.                 unsetUsedTypeVehicle: true,
  401.                 unsetFlow2: true,
  402.                 newCarUrl: 'nissan_armada_one_car',
  403.                 usedCarUrl: '',
  404.                 brand_id: {{model.brand.id }},
  405.                 dealer_id: {{model.dealer.id}},
  406.                 model_id: {{ model.model.id }},
  407.                 newCarCard: true,
  408.             });
  409.         });
  411.     </script>
  414.     <script type="application/ld+json">
  415.          {{ structuredData|raw }}
  416.     </script>
  417.     {% block scriptCreditCard %}
  418.     {% endblock %}
  419. {% endblock script %}