{% extends '@DcSite/Peugeot/template.html.twig' %}
{% block head %}
<title>{% if model.seoTitle(app.request.locale) %}{{ model.seoTitle(app.request.locale) }}{% else %}{{ 'seo.main.title'|trans({}, 'dc_peugeot') }}{% endif %}</title>
<meta name="description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.desc'|trans({}, 'dc_peugeot') }}{% endif %}" />
{% if model.seoKeywords(app.request.locale) %}
<meta name="keywords" content="{{ model.seoKeywords(app.request.locale) }}" />
{% endif %}
{% if model.noindexFollow %}
<meta name="robots" content="noindex, follow" />
{% endif %}
<link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/peugeot/css/peugeotCarCard.css?{{ VERSION }}">
{% endblock head %}
{% block ogtagDynamicImage %}
<meta property="og:image" content="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}"/>
{% endblock ogtagDynamicImage %}
{% block ogtagDynamic %}
<meta property="og:title" content="{% if model.seoTitle(app.request.locale) %}{{ model.seoTitle(app.request.locale) }}{% else %}{{ 'seo.main.title'|trans({}, 'dc_peugeot') }}{% endif %}"/>
<meta property="og:description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.desc'|trans({}, 'dc_peugeot') }}{% endif %}"/>
{% endblock ogtagDynamic %}
{% block socialPreview %}
<img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none">
{% endblock %}
{% block content %}
<section class="breadcrumbs__new">
<div class="container">
<ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('peugeot_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('peugeot_model_lineup') }}">
<span class="breadcrumbs__link" itemprop="name">{{ 'menu.model_lineup'|trans({}, 'dc_peugeot') }}</span></a>
<meta itemprop="position" content="2"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ model.fullName }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<section class="new__car-car">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 bg-gray p-0 pt-4" style="margin-top: -34px;">
<section class="main-card-car section-padding pt-0" id="gallery">
<div class="container">
<div class="row">
<div class="name_and_status-flex">
<div class="col-md-12 car-name m-0">
{# <h1 class="section-title">{% if model.isNew %}{{ 'pages.car.is_new'|trans({},'dc_base') }}{% endif %} {{ model.fullName }}</h1>#}
<h1 class="section-title"> {{ model.slogan(app.request.locale) }} {{ model.fullName }}</h1>
</div>
{% if model.new %}
<span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
{% endif %}
</div>
</div>
<div class="row align-items-center">
<img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none" />
{% include '@DcSite/Modules/car/car-gallery.html.twig' %}
<div class="col-sm-12 col-md-12 col-lg-3 col-xl-3">
<div class="mb30">
{% if model.showDisabled == 1 %}
<div>
<span class="car-price mb20">{{ 'archive.title_one'|trans({}, 'dc_base') }}</span>
<hr>
</div>
{% endif %}
{% if model.showDisabled == 0 %}
<div>
<span class="car-price-main">
{{ 'pages.base.from'|trans({}, 'dc_base') }} {{ model.price|price }} грн
</span>
{% if model.hasActionPrice %}
<span class="car-price-old mb20">
{{ model.fullPrice|price }} грн
</span>
{% endif %}
<hr>
</div>
{% endif %}
</div>
<div class="mb20">
{% if model.showDisabled == 0 %}
<button class="btn btn-primary w-100 mb40" type="button" data-toggle="modal" data-target="#order-car">Отримати пропозицію</button>
<div class="align-items-center d-flex mb20">
<svg class="mr20" width="40" height="35" viewBox="0 0 40 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0523 14.6221C10.5757 14.6221 7.74707 17.4507 7.74707 20.9273C7.74707 24.4039 10.5757 27.2325 14.0523 27.2325C17.5292 27.2325 20.3575 24.4039 20.3575 20.9273C20.3575 17.4507 17.5292 14.6221 14.0523 14.6221ZM14.0523 26.0607C11.2218 26.0607 8.91895 23.7578 8.91895 20.9273C8.91895 18.0968 11.2218 15.7939 14.0523 15.7939C16.8828 15.7939 19.1857 18.0968 19.1857 20.9273C19.1857 23.7578 16.8828 26.0607 14.0523 26.0607Z" fill="#CC0033"/>
<path d="M23.428 15.9531L25.7327 12.7347L22.2455 9.24713L19.0268 11.5521C18.4317 11.2357 17.8079 10.9772 17.1646 10.78L16.5186 6.875H11.5866L10.9406 10.78C10.2972 10.9772 9.67316 11.2357 9.07807 11.5521L5.85938 9.24713L2.37213 12.7347L4.67712 15.9531C4.36066 16.5485 4.10217 17.1722 3.90503 17.8156L0 18.4616V23.3936L3.90503 24.0393C4.10217 24.6829 4.36066 25.3067 4.67712 25.9018L2.37213 29.1205L5.85968 32.6077L9.07837 30.303C9.67346 30.6192 10.2972 30.878 10.9406 31.0751L11.5866 34.9799H16.5186L17.1646 31.0751C17.8079 30.878 18.4317 30.6192 19.0268 30.303L22.2455 32.6077L25.733 29.1205L23.428 25.9018C23.7445 25.3067 24.003 24.6829 24.2001 24.0393L28.1052 23.3936V18.4616L24.2001 17.8156C24.003 17.1722 23.7445 16.5485 23.428 15.9531ZM26.9333 22.3996L23.2706 23.0054C23.1387 23.4979 22.9123 24.4666 22.2287 25.6482L22.0395 25.9753L24.2014 28.9948L22.1198 31.0764L19.1003 28.9142C18.6594 29.1696 17.8116 29.6964 16.4957 30.0479L16.1307 30.1456L15.5246 33.8083H12.5806L11.9745 30.1456C10.6 29.7781 10.1035 29.5505 9.00452 28.9142L5.98541 31.0764L3.90381 28.9948L6.06567 25.9753C5.35156 24.7412 5.16174 24.2294 4.8346 23.0054L1.17188 22.3996V19.4556L4.8346 18.8495L4.93225 18.4845C5.28015 17.182 5.79773 16.3428 6.06567 15.8795L3.90381 12.8604L5.98541 10.7785L9.00452 12.9407C9.44672 12.6846 10.2945 12.1585 11.6095 11.8073L11.9745 11.7096L12.5806 8.04688H15.5246L16.1307 11.7096C17.5363 12.085 18.0283 12.3203 19.1003 12.9407L22.1198 10.7785L24.2014 12.8604L22.0395 15.8795C22.2971 16.3248 22.8217 17.1704 23.1729 18.4845L23.2706 18.8495L26.9333 19.4556V22.3996Z" fill="#CC0033"/>
<path d="M33.7287 8.71796C33.7287 7.36908 32.6313 6.27197 31.2827 6.27197C29.9338 6.27197 28.8364 7.36908 28.8364 8.71796C28.8364 10.0668 29.9338 11.1639 31.2827 11.1639C32.6313 11.1639 33.7287 10.0668 33.7287 8.71796ZM30.0083 8.71796C30.0083 8.01544 30.5799 7.44385 31.2827 7.44385C31.9852 7.44385 32.5568 8.01544 32.5568 8.71796C32.5568 9.42047 31.9852 9.99207 31.2827 9.99207C30.5802 9.99207 30.0083 9.42047 30.0083 8.71796Z" fill="#CC0033"/>
<path d="M26.4515 11.2796C26.1234 10.6622 26.0181 10.2014 25.9022 9.76746L24.6064 9.55322L24.415 10.7092L24.9775 10.8023C25.0941 11.1554 25.2415 11.4996 25.4166 11.8295L26.4515 11.2796Z" fill="#CC0033"/>
<path d="M39.9999 10.4031V7.03156L37.5878 6.63239C37.4858 6.32416 37.3613 6.02356 37.2152 5.73334L38.6388 3.74542L36.2545 1.36108L34.2665 2.78473C33.9763 2.63855 33.6757 2.51404 33.3675 2.41211L32.9683 0H29.5967L29.1976 2.41211C28.8893 2.51404 28.5887 2.63855 28.2985 2.78473L26.3103 1.36108L23.9263 3.74542L25.3499 5.73334C25.2034 6.02387 25.0789 6.32416 24.9773 6.63269L22.5652 7.03156V8.77167H23.7371V8.02551L25.9023 7.66724C26.1779 6.63483 26.2719 6.45752 26.7357 5.65582L25.4576 3.87116L26.4363 2.89246L28.2213 4.17084C29.1567 3.62915 29.3474 3.57361 30.2324 3.3371L30.5907 1.17188H31.9747L32.3326 3.3371C33.369 3.61389 33.5439 3.70758 34.3441 4.17084L36.1287 2.89246L37.1074 3.87116L35.8293 5.65582C36.3616 6.57532 36.4223 6.76636 36.6631 7.66724L38.828 8.02551V9.40918L36.6628 9.76746C36.3869 10.7999 36.2932 10.9772 35.829 11.7789L37.1071 13.5635L36.1287 14.5422L34.3438 13.2642C33.4172 13.8004 33.2256 13.8593 32.3323 14.0979L31.9744 16.2628H30.5904L30.2324 14.0979C29.1951 13.8208 29.0193 13.7262 28.221 13.2642L26.4363 14.5422L26.0405 14.1464L25.212 14.975L26.3103 16.0736L28.2985 14.65C28.5887 14.7965 28.8893 14.921 29.1976 15.0229L29.5967 17.435H32.9683L33.3675 15.0229C33.6757 14.921 33.9763 14.7965 34.2665 14.65L36.2545 16.0736L38.6388 13.6896L37.2152 11.7014C37.3613 11.4111 37.4858 11.1105 37.5878 10.8023L39.9999 10.4031Z" fill="#CC0033"/>
</svg>
<span class="card-text">{{ 'car.create-your-car'|trans({}, 'dc_peugeot') }}</span>
</div>
<a href="{{ path('peugeot_car_configurator', {url: model.url }) }}" class="btn btn-outline-primary w-100 mb20">{{ 'main.configurator'|trans({}, 'dc_peugeot') }}</a>
<a href="{{ path('peugeot_service_consultation_form_online',{ vehicleId : model.vehicleId })}}" class="btn btn-outline-primary w-100 mb20">{{ 'main.consultation'|trans({}, 'dc_peugeot') }}</a>
{% endif %}
</div>
</div>
</div>
</div>
</section>
<div class="navs sticky-top" id="nav-manu">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="navs-list mobile-scroll">
<li class="navs-list-li">
<a href="#gallery" class="navs-list-link active">{{ 'car_page.new.gallery'|trans({}, 'dc_base') }}</a>
</li>
{% if model.hasInStock %}
<li class="navs-list-li">
<a href="#car-in-stock" class="navs-list-link">{{ 'car_page.new.in_stock'|trans({}, 'dc_base') }}</a>
</li>
{% endif %}
{% if vehicleColor is not empty %}
<li class="navs-list-li">
<a href="#select-vehicle-color"
class="navs-list-link active">{{ 'car_page.new.color'|trans({}, 'dc_base') }}</a>
</li>
{% endif %}
{% if model.firstYoutubeUrl is not empty %}
<li class="navs-list-li">
<a href="#videoReview" class="navs-list-link">{{ 'vehicles.video'|trans({}, 'dc_base') }}</a>
</li>
{% endif %}
{% if model.hasFeatures %}
<li class="navs-list-li">
<a href="#overview" class="navs-list-link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a>
</li>
{% endif %}
<li class="navs-list-li">
<a href="{{ path('peugeot_card_car_configuraion', {car: model.url}) }}" class="navs-list-link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }}, {{ 'car_page.new.price'|trans({}, 'dc_base') }}, {{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a>
</li>
{% if model.files.count %}
<li class="navs-list-li">
<a class="dropdown-toggle navs-list-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{ 'car.prices_and_acc'|trans({}, 'dc_peugeot') }}</a>
<div class="dropdown-menu dropdown-menu-broshure">
{% for file in model.files %}
<a class="dropdown-item" href="{{ path('base_download_file',{ id : file.id }) }}" target="_blank">
<div>
<span class="broshure-name">{{ file.title(app.request.locale) }}</span>
{#<span class="broshure-format">PDF, 1.5MB</span>#}
</div>
</a>
{% endfor %}
</div>
</li>
{% endif %}
{% if faqs %}
<li class="navs-list-li">
<a href="#faqs" class="navs-list-link">{{ 'pages.car_card.nav.faq'|trans({}, 'dc_base') }}</a>
</li>
{% endif %}
</ul>
</div>
</div>
</div>
</div>
{% if model.showDisabled != 1 %}
{% include '@DcSite/Modules/car/finance-services.html.twig' with {newCreditCalc: true} %}
{% endif %}
{% if model.hasInStock or model.showDisabled == 1 %}
{% include '@DcSite/Modules/car/card-in-stock-block.html.twig' with {'inStockUrl' : path('peugeot_car_stock')} %}
{% endif %}
{% if model.firstYoutubeUrl is not empty %}
<section class="section_car_video" id="videoReview">
<div class="container">
{% include '@DcSite/Modules/vehicle/video-block.html.twig' with {'videoPath': model.firstYoutubeUrl, 'brand':model.brand.name,'model':model.modelName } %}
</div>
</section>
{% endif %}
{% include '@DcSite/Modules/vehicle/vehicle-color.html.twig' %}
{% if model.hasFeatures %}
{% include '@DcSite/Modules/car/car-feature.html.twig' %}
{% endif %}
{% if faqs %}
<section id="faqs" class="faq__wrapper">
{% include '@DcSite/Modules/car/car-faq_v3.html.twig' %}
</section>
{% endif %}
<section class="seo-block section-padding section-grey">
<div class="container">
<div class="row">
<div class="col-md-12 title">
<span>{{ 'pages.car.details_about'|trans({},'dc_nissan') }} {{ model.fullName }}</span>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="seo-text">
{{ model.content(app.request.locale)|raw }}
</div>
</div>
</div>
</div>
</section>
{% include '@DcSiteBundle/Modules/n-buy-car-popup.html.twig' %}
</div>
</div>
</section>
{% include '@DcSite/Modules/call-me-popup.html.twig' with {
'route': path('form_call_me', {'formType': 4}),
} %}
{% include '@DcSite/Modules/sps-popup-credit.html.twig' with {'homePage' : path('peugeot_homepage') } %}
{% endblock %}
{% block script %}
<script src="/dist/{{ MODE }}/dcsite/peugeot/js/peugeotCarCard.js?{{ VERSION }}"></script>
<script>
$(() => {
window.initCarGallery({
firstImage: '{{ webpUrl(model.getFirstGalleryImage,'new_slider') }}',
hasVideo: '{{ model.hasVideo }}',
loadDataUrl: '{{ path('car-card-load-gallery', {id: model.vehicleId}) }}',
lightGalleryUrl: '{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}',
lightGalleryCss: '{{ asset('/bundles/core/css/modules/gallery/lightgallery.css') }}',
galleryCss: '{{ asset('/bundles/core/css/bootstrap_build/carousel.css') }}',
});
window.initVehicleColors({
vehicleColor: '{{ vehicleColor|json_encode|raw }}',
});
window.initInStock({
dataCarInStock: '{{ carInStock|json_encode_replace|raw }}',
});
window.initCredit({
cretidTpl: '{{ path('dc_credit_load_tpl') }}',
initUrl: '{{ path('dc_credit_init') }}',
brandUrl: '{{ path('dc_credit_load_brands') }}',
byDealerUrl: '{{ path('dc_credit_init_by_dealer') }}',
programsUrl: '{{ path('dc_credit_programs') }}',
saveUrl: '{{ path('dc_credit_save') }}',
privacyUrl: '{{ privacyUrl }}',
disableCarChange: true,
dealer: {{ model.dealer.id }},
carId: {{ model.vehicleId }},
variationId: {{ model.vehicleItemId }}
});
window.initTradeIn({
initUrl: '{{ path('dc_ti_init') }}',
dealer: {{ model.dealer.id }},
carId: {{ model.vehicleId }},
variationId: {{ model.vehicleItemId }},
agreementUrl: '{{ privacyUrl }}',
});
window.initCasco({
initUrl: '{{ path('base_casco_init') }}',
initByDealerUrl: '{{ path('base_casco_init_by_dealer') }}',
optionsUrl: '{{ path('base_casco_options') }}',
formUrl: '{{ path('base_casco_save_form') }}',
privacyUrl: '{{ privacyUrl }}',
dealer: {{ model.dealer.id }},
carId: {{ model.vehicleId }},
variationId: {{ model.vehicleItemId }},
disableCarChange: true
});
window.initRegCost({
initUrl: '{{ path('base_reg_cost_init') }}',
carId: {{ model.vehicleId }},
});
const obj = new dcsite.peugeotCarCard.Credit();
obj.initCreditCalc({
getVehicleBrandUrl: '{{ path('dc_credit_find_brand') }}',
getVehicleModelUrl: '{{ path('dc_credit_find_model') }}',
getVehicleEquipmentUrl: '{{ path('dc_credit_find_equipment') }}',
getVehicleVariationUrl: '{{ path('dc_credit_find_variation') }}',
getVehicleUrl: '{{ path('dc_credit_get_vehicle') }}',
initCreditCalcUrl: '{{ path('dc_finance_credit_init') }}',
initTradeInUrl: '{{ path('dc_ti_init') }}',
agreementUrl: '{{ path('automarket_personal_data_agreement') }}',
loadListDocumentUrl: '{{ path('dc_credit_load_documents') }}',
schedulePaymentUrl: '{{ path('dc_credit_load_schedule_credit_pdf') }}',
getVehiclesByWalletUrl: '{{ path('dc_finance_credit_by_price') }}',
getVehiclesWithMinPriceUrl: '{{ path('dc_finance_credit_by_price_min') }}',
getCrmUUIDUrl: '{{ path('dc_finance_crm_lead_by_uuid') }}',
getCrmDataUrl: '{{ path('dc_finance_crm_create_lead') }}',
sendLeadUrl: '{{ path('dc_credit_save') }}',
ks: '{{ 'catalog.k_s'|trans({}, 'portal_base') }}',
enginePower: '{{ 'cars.engine'|trans({}, 'portal_base') }}',
translate_month: '{{ 'finance.credit.credit_month_short'|trans({}, 'portal_base') }}',
translate_under: '{{ 'finance.credit.credit_under'|trans({}, 'portal_base') }}',
translate_first_payment: '{{ 'form.first_give'|trans({}, 'portal_base') }}',
translate_uah: ' грн',
translate_not_enough_money: '{{ 'finance.credit.not_enough_money'|trans({}, 'portal_base') }}',
translate_not_estimate_vehicle: '{{ 'finance.credit.not_estimate_vehicle'|trans({}, 'portal_base') }}',
translate_min_first_payment_for_car: '{{ 'finance.credit.min_first_payment_for_car'|trans({}, 'portal_base') }}',
translate_unfortunately_not_enough: '{{ 'finance.credit.unfortunately_not_enough'|trans({}, 'portal_base') }}',
translate_price_of_your_car: '{{ 'finance.credit.price_of_your_car'|trans({}, 'portal_base') }}',
translate_estimate_vehicle_more_1: '{{ 'finance.credit.translate_estimate_vehicle_more_1'|trans({}, 'portal_base') }}',
translate_estimate_vehicle_more_2: '{{ 'finance.credit.translate_estimate_vehicle_more_2'|trans({}, 'portal_base') }}',
translate_min: '{{ 'finance.credit.min'|trans({}, 'portal_base') }}',
translate_min_first_payment: '{{ 'finance.credit.min_first_payment'|trans({}, 'portal_base') }}',
translate_min_month_payment: '{{ 'finance.credit.min_month_payment'|trans({}, 'portal_base') }}',
translate_month_term_credit: '{{ 'finance.credit.month_term_credit'|trans({}, 'portal_base') }}',
continue_first_least: '{{ 'finance.credit.continue_first_least'|trans({}, 'portal_base') }}',
translate_term_months: '{{ 'finance.credit.term_months'|trans({}, 'portal_base') }}',
translate_term_months_short: '{{ 'finance.credit.term_months_short'|trans({}, 'portal_base') }}',
translate_price_from: '{{ 'finance.credit.price_from'|trans({}, 'portal_base') }}',
credit_coplectation: '{{ 'finance.credit.credit_coplectation'|trans({}, 'portal_base') }}',
credit_modification: '{{ 'finance.credit.credit_modification'|trans({}, 'portal_base') }}',
privacyUrl: '{{ privacyUrl }}',
name: '{{ app.user.name | default(null) }}',
phone: '{{ app.user.phone | default(null) }}',
unsetUsedTypeVehicle: true,
unsetFlow2: true,
newCarUrl: 'peugeot_card_car',
usedCarUrl: '',
brand_id: {{model.brand.id }},
dealer_id: {{model.dealer.id}},
model_id: {{ model.model.id }},
newCarCard: true,
});
});
</script>
<script type="application/ld+json">
{{ structuredData|raw }}
</script>
{% endblock script %}