src/DcSiteBundle/Resources/views/Peugeot/Car/car-in-stock-card.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Peugeot/template.html.twig' %}
  3. {% block head %}
  4.     <title>{% if model.seoTitle(app.request.locale) is empty %}
  5.             {{ model.seoTitle(app.request.locale) }}
  6.         {% else %}
  7.             {{ 'car.car_in_stock.seo.title'|trans({
  8.                 '%car%' : model.fullName,
  9.                 '%year%' : model.year,
  10.                 '%transmission%' : model.transmissionTypeName(app.request.locale),
  11.                 '%fuel%' : model.fuelTypeName(app.request.locale),
  12.                 '%dealer%' : dealer.nameByLocale(app.request.locale),
  13.                 '%volume%' :  model.getEngineVolume(app.request.locale)
  14.             }, 'dc_base')|raw }}
  15.         {% endif %}
  16.     </title>
  17.     <meta name="description" content="{% if model.seoDescription(app.request.locale) is empty %}
  18.                                             {{ model.seoDescription(app.request.locale) }}
  19.                                       {% else %}
  20.                                             {{ 'car.car_in_stock.seo.description'|trans({
  21.         '%brand%' : model.model.brand,
  22.         '%car%' : model.fullName,
  23.         '%year%' : model.year,
  24.         '%transmission%' : model.transmissionTypeName(app.request.locale),
  25.         '%fuel%' : model.fuelTypeName(app.request.locale),
  26.         '%dealer%' : dealer.nameByLocale(app.request.locale),
  27.         '%volume%' :  model.getEngineVolume(app.request.locale)
  28.     }, 'dc_base')|raw }}
  29.                                       {% endif %}"/>
  30.     {% if model.seoKeywords(app.request.locale) %}
  31.         <meta name="keywords" content="{{ model.seoKeywords(app.request.locale) }}"/>
  32.     {% endif %}
  33.     <meta property="og:image" content="{{ absolute_url(media_url(model.preview, 'small_in_stock')) }}"/>
  34.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/peugeot/css/peugeotInStockCard.css?{{ VERSION }}">
  35. {% endblock head %}
  38. {% block ogtagDynamic %}
  39.     <meta property="og:title" content="{% if model.seoTitle(app.request.locale) is empty %}
  40.             {{ model.seoTitle(app.request.locale) }}
  41.         {% else %}
  42.             {{ 'car.car_in_stock.seo.title'|trans({
  43.         '%car%' : model.fullName,
  44.         '%year%' : model.year,
  45.         '%transmission%' : model.transmissionTypeName(app.request.locale),
  46.         '%fuel%' : model.fuelTypeName(app.request.locale),
  47.         '%dealer%' : dealer.nameByLocale(app.request.locale),
  48.         '%volume%' :  model.getEngineVolume(app.request.locale)
  49.     }, 'dc_base')|raw }}
  50.         {% endif %}"/>
  51.     <meta property="og:description" content="{% if model.seoDescription(app.request.locale) is empty %}
  52.                                             {{ model.seoDescription(app.request.locale) }}
  53.                                       {% else %}
  54.                                             {{ 'car.car_in_stock.seo.description'|trans({
  55.         '%brand%' : model.model.brand,
  56.         '%car%' : model.fullName,
  57.         '%year%' : model.year,
  58.         '%transmission%' : model.transmissionTypeName(app.request.locale),
  59.         '%fuel%' : model.fuelTypeName(app.request.locale),
  60.         '%dealer%' : dealer.nameByLocale(app.request.locale),
  61.         '%volume%' :  model.getEngineVolume(app.request.locale)
  62.     }, 'dc_base')|raw }}
  63.                                       {% endif %}"/>
  64. {% endblock ogtagDynamic %}
  67. {% block socialPreview %}
  68.     <img src="{{ absolute_url(media_url(model.preview, 'small_in_stock')) }}" class="d-none">
  69. {% endblock %}
  71. {% block content %}
  74.     {% include '@DcSite/Modules/buy-instock-car-popup.html.twig' with {actPath: 'form_buy_in_stock', model: model} %}
  75.     <div style="display: none" class="breadcrumbs__shadow">
  76.         <section class="breadcrumbs__new">
  77.             <div class="container">
  78.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  79.                     <li class="marker__none" itemprop="itemListElement" itemscope
  80.                         itemtype="https://schema.org/ListItem">
  81.                         <a itemprop="item" href="{{ path('peugeot_homepage') }}">
  82.                             <span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
  83.                         <meta itemprop="position" content="1"/>
  84.                     </li>
  86.                     <div class="arrow-bcs"> ❯</div>
  87.                     <li class="marker__none" itemprop="itemListElement" itemscope
  88.                         itemtype="https://schema.org/ListItem">
  89.                         <a itemprop="item" href="{{ path('peugeot_car_stock') }}">
  90.                             <span class="breadcrumbs__link" itemprop="name">{{ model.fullName }}</span></a>
  91.                         <meta itemprop="position" content="2"/>
  92.                     </li>
  93.                 </ol>
  94.             </div>
  95.         </section>
  96.     </div>
  98.     <section class="breadcrumbs__new">
  99.         <div class="container">
  100.             <ol class="global_breadcrumbs__new">
  101.                 <li class="marker__none">
  102.                     <a href="{{ path('peugeot_homepage') }}">
  103.                         <span class="breadcrumbs__link">Peugeot</span></a>
  104.                 </li>
  106.                 <div class="arrow-bcs"> ❯</div>
  107.                 <li class="marker__none">
  108.                     <a href="{{ path('peugeot_car_stock') }}">
  109.                         <span class="breadcrumbs__link">{{ 'menu.car_in_stocks'|trans({}, 'dc_peugeot') }}</span></a>
  110.                 </li>
  112.                 <div class="arrow-bcs"> ❯</div>
  113.                 <li class="marker__none">
  114.                     <span style="color: #837F7F;" class="breadcrumbs__link">{{ model.fullName }}</span>
  115.                 </li>
  116.             </ol>
  117.         </div>
  118.     </section>
  120.     <div class="bg-gray">
  122.         <section class="test__drive">
  123.             {% include '@DcSite/Modules/car-in-stock/index.html.twig' with {tdPath: 'peugeot_service_consultation', newCreditCalc: true} %}
  124.         </section>
  126.         <div class="container">
  127.             <div class="car__in__stock__btn__wrapper">
  128.                 <a style="background-color: #0A1018" class="car__in__stock-btn"
  129.                    href="{{ path('peugeot_service_consultation') }}">ТЕСТ-ДРАЙВ</a>
  130.                 <button style="background-color: #0A1018" class="car__in__stock-btn" type="button" data-toggle="modal"
  131.                         data-target="#buy-instock-car-modal">{{ 'car_page.get_offer'|trans({}, 'dc_base') }}</button>
  132.                 <a style="background-color: #0A1018" class="car__in__stock-btn"
  133.                    href="{{ path('peugeot_finance_credit') }}">{{ 'car_page.credit_settlement'|trans({},'dc_base') }}</a>
  134.             </div>
  135.         </div>
  137.     </div>
  139.     {% include '@DcSite/Modules/call-me-popup.html.twig' with  {
  140.         'route': path('form_call_me', {'formType': 4}),
  141.     } %}
  143.     {% include '@DcSite/Modules/sps-popup-credit.html.twig'  with  {'homePage' :  path('peugeot_homepage') } %}
  146. {% endblock %}
  148. {% block script %}
  149.     <script src="/dist/{{ MODE }}/dcsite/peugeot/js/peugeotInStockCard.js?{{ VERSION }}"></script>
  151.     <script>
  152.         $(() => {
  153.             window.initCredit({
  154.                 cretidTpl: '{{ path('dc_credit_load_tpl') }}',
  155.                 initUrl: '{{ path('dc_credit_init') }}',
  156.                 brandUrl: '{{ path('dc_credit_load_brands') }}',
  157.                 byDealerUrl: '{{ path('dc_credit_init_by_dealer') }}',
  158.                 programsUrl: '{{ path('dc_credit_programs') }}',
  159.                 saveUrl: '{{ path('dc_credit_save') }}',
  160.                 privacyUrl: '{{ privacyUrl }}',
  161.                 disableCarChange: true,
  162.                 dealer: {{ model.vehicle.dealer.id }},
  163.                 carId: {{ model.vehicle.id }},
  164.                 variationId: {{ model.vehicleItemId }}
  165.             });
  167.             window.initTradeIn({
  168.                 initUrl: '{{ path('dc_ti_init') }}',
  169.                 dealer: {{ model.vehicle.dealer.id }},
  170.                 carId: {{ model.vehicle.id }},
  171.                 variationId: {{ model.vehicleItemId }},
  172.                 agreementUrl: '{{ privacyUrl }}',
  173.             });
  175.             window.initCasco({
  176.                     initUrl: '{{ path('base_casco_init') }}',
  177.                     initByDealerUrl: '{{ path('base_casco_init_by_dealer') }}',
  178.                     optionsUrl: '{{ path('base_casco_options') }}',
  179.                     formUrl: '{{ path('base_casco_save_form') }}',
  180.                     privacyUrl: '{{ privacyUrl }}',
  181.                     dealer: {{ model.vehicle.dealer.id }},
  182.                     carId: {{ model.vehicle.id }},
  183.                     variationId: {{ model.vehicleItemId }},
  184.                     disableCarChange: true
  185.             });
  187.             const obj = new dcsite.peugeotInStockCard.CreditInStock();
  188.             obj.initCreditCalcInStock({
  189.                 getVehicleBrandUrl: '{{ path('dc_credit_find_brand') }}',
  190.                 getVehicleModelUrl: '{{ path('dc_credit_find_model') }}',
  191.                 getVehicleEquipmentUrl: '{{ path('dc_credit_find_equipment') }}',
  192.                 getVehicleVariationUrl: '{{ path('dc_credit_find_variation') }}',
  193.                 getVehicleUrl: '{{ path('dc_credit_get_vehicle') }}',
  194.                 initCreditCalcUrl: '{{ path('dc_finance_credit_init') }}',
  195.                 initTradeInUrl: '{{ path('dc_ti_init') }}',
  196.                 agreementUrl: '{{ path('automarket_personal_data_agreement') }}',
  197.                 loadListDocumentUrl: '{{ path('dc_credit_load_documents') }}',
  198.                 schedulePaymentUrl: '{{ path('dc_credit_load_schedule_credit_pdf') }}',
  199.                 getVehiclesByWalletUrl: '{{ path('dc_finance_credit_by_price') }}',
  200.                 getVehiclesWithMinPriceUrl: '{{ path('dc_finance_credit_by_price_min') }}',
  201.                 getCrmUUIDUrl: '{{ path('dc_finance_crm_lead_by_uuid') }}',
  202.                 getCrmDataUrl: '{{ path('dc_finance_crm_create_lead') }}',
  203.                 sendLeadUrl: '{{ path('dc_credit_save') }}',
  204.                 ks: '{{ 'catalog.k_s'|trans({}, 'portal_base') }}',
  205.                 enginePower: '{{ 'cars.engine'|trans({}, 'portal_base') }}',
  206.                 translate_month: '{{ 'finance.credit.credit_month_short'|trans({}, 'portal_base') }}',
  207.                 translate_under: '{{ 'finance.credit.credit_under'|trans({}, 'portal_base') }}',
  208.                 translate_first_payment: '{{ 'form.first_give'|trans({}, 'portal_base') }}',
  209.                 translate_uah: ' грн',
  210.                 translate_not_enough_money: '{{ 'finance.credit.not_enough_money'|trans({}, 'portal_base') }}',
  211.                 translate_not_estimate_vehicle: '{{ 'finance.credit.not_estimate_vehicle'|trans({}, 'portal_base') }}',
  212.                 translate_min_first_payment_for_car: '{{ 'finance.credit.min_first_payment_for_car'|trans({}, 'portal_base') }}',
  213.                 translate_estimate_vehicle_more_1: '{{ 'finance.credit.translate_estimate_vehicle_more_1'|trans({}, 'portal_base') }}',
  214.                 translate_estimate_vehicle_more_2: '{{ 'finance.credit.translate_estimate_vehicle_more_2'|trans({}, 'portal_base') }}',
  215.                 translate_unfortunately_not_enough: '{{ 'finance.credit.unfortunately_not_enough'|trans({}, 'portal_base') }}',
  216.                 translate_price_of_your_car: '{{ 'finance.credit.price_of_your_car'|trans({}, 'portal_base') }}',
  217.                 translate_min: '{{ 'finance.credit.min'|trans({}, 'portal_base') }}',
  218.                 translate_min_first_payment: '{{ 'finance.credit.min_first_payment'|trans({}, 'portal_base') }}',
  219.                 translate_min_month_payment: '{{ 'finance.credit.min_month_payment'|trans({}, 'portal_base') }}',
  220.                 translate_month_term_credit: '{{ 'finance.credit.month_term_credit'|trans({}, 'portal_base') }}',
  221.                 continue_first_least: '{{ 'finance.credit.continue_first_least'|trans({}, 'portal_base') }}',
  222.                 translate_term_months: '{{ 'finance.credit.term_months'|trans({}, 'portal_base') }}',
  223.                 translate_term_months_short: '{{ 'finance.credit.term_months_short'|trans({}, 'portal_base') }}',
  224.                 translate_price_from: '{{ 'finance.credit.price_from'|trans({}, 'portal_base') }}',
  225.                 privacyUrl: '{{ privacyUrl }}',
  226.                 name: '{{ app.user.name | default(null) }}',
  227.                 phone: '{{ app.user.phone | default(null) }}',
  228.                 unsetUsedTypeVehicle: true,
  229.                 unsetFlow2: true,
  230.                 newCarUrl: 'peugeot_cars_in_stock_card',
  231.                 usedCarUrl: '',
  232.                 brand_id: {{model.brand.id }},
  233.                 dealer_id: {{model.dealer.id}},
  234.                 model_id: {{ model.model.id }},
  235.                 inStockId: {{ model.id }},
  236.                 vehicleItemId: {{ model.vehicleItemId }},
  237.                 vehicleId: '{{ model.vehicle.id }}'
  238.             });
  239.         });
  240.     </script>
  242.     <script type="application/ld+json">
  243.         {{ structuredCarData|raw }}
  244.     </script>
  246. {% endblock script %}