{% extends '@DcSite/Citroen/base.html.twig' %}
{% block seo %}
<title>{{ seoMeta.title ?? 'seo.configurator.title'|trans({}, 'dc_citroen') }}</title>
<meta name="description" content="{{ seoMeta.description ??'seo.configurator.desc'|trans({}, 'dc_citroen') }}" />
<meta name="keywords" content="" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ seoMeta.title ?? 'seo.configurator.title'|trans({}, 'dc_citroen') }}"/>
<meta property="og:description" content="{{ seoMeta.description ?? 'seo.configurator.desc'|trans({}, 'dc_citroen') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/citroen/configurator.css') }}" rel="stylesheet"/>
<link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/modules/configurator.css') }}" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="{{ asset('/bundles/core/css/modules/slick/slick.css') }}">
<style>
div#carConfig {
width: 100%;
}
.color__name #colorPrice{
color: #162133;
}
.box__modification-info-item svg path {
fill: #162133;
}
.car-config__btn-next-step button {
width: 100%;
max-width: 280px;
}
.card.config-pop__card.container {
border: none;
margin-top: 15px;
}
.modal-content .btn-brand-mode {
padding: 15px;
}
</style>
{% endblock %}
{% block content %}
{% include '@DcSite/Citroen/breadcrumbs.html.twig' with {
catName: '',
catUrl: '',
pageName: 'base.config'|trans({}, 'dc_citroen')
} %}
<section class="configurator page config pb-4">
{% include '@DcSite/Modules/configurator/index.html.twig' %}
</section>
{% endblock content %}
{% block pageJS %}
<script>
app.onCustomEvent('appInit', function () {
app.loadJs('{{ asset('/bundles/dcsite/js/sticky.js') }}');
app.loadJs('{{ asset('/bundles/core/js/modules/slick/slick.js') }}');
app.loadJs('{{ asset('/bundles/dcsite/js/configurator.js') }}',function () {
initConfig({
el: '#carConfig',
carId: {{ carId }},
hash: '{{ hash }}',
initUrl: '{{ path('base_configurator_init', {id: '__id__'}) }}',
initByHashUrl: '{{ path('base_configurator_init_by_hash', {hash: '__hash__'}) }}',
totalInitUrl: '{{ path('base_configurator_init_total') }}',
initCreditUrl: '{{ path('base_configurator_init_credit') }}',
accessoryUrl: '{{ path('base_configurator_load_accessory') }}',
optionsUrl: '{{ path('base_configurator_load_options') }}',
initInsuranceUrl : '{{ path('base_casco_options') }}',
saveUrl : '{{ path('base_configurator_save') }}',
privacyUrl: '{{ privacyUrl }}',
baseCoefficientType : {{ baseType }},
listCoefficientType : {{ listType }},
optionCoefficientType : {{ optionType }},
emailSendText : '{{ 'configurator.thx_text'|trans({}, 'dc_base')|raw }}',
});
});
});
</script>
{% endblock pageJS %}