{% extends '@DcSite/Suzuki/base.html.twig' %} 
 
{% block robots %} 
    <meta name="robots" content="noindex, follow"/> 
{% endblock robots %} 
 
{% block seo %} 
    <title>{{ 'seo.main.title'|trans({}, 'dc_suzuki') }}</title> 
    <meta name="description" content="{{ 'seo.main.desc'|trans({}, 'dc_suzuki') }}" /> 
{% endblock seo %} 
 
 
{% block css %} 
    <link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/suzuki/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 %} 
 
    <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 %}