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

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