{% extends '@DcSite/Suzuki/base.html.twig' %}
{% block seo %}
<title>{{ 'seo.parts.title'|trans({}, 'dc_suzuki') }}</title>
<meta name="description" content="{{ 'seo.parts.desc'|trans({}, 'dc_suzuki') }}" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'seo.parts.title'|trans({}, 'dc_suzuki') }}"/>
<meta property="og:description" content="{{ 'seo.parts.desc'|trans({}, 'dc_suzuki') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/suzuki/services/parts.css') }}">
{% endblock %}
{% block content %}
{% set pageName = 'parts' %}
{% include '@DcSite/Suzuki/Service/breadcrumbs.html.twig' with {'pageName': pageName} %}
<section class="heading_section">
<img src="{{ asset( '/bundles/dcsite/img/suzuki/bg/service-parts.jpg' ) }}" alt="">
<div class="heading_section-wrap">
<h1 class="main_title">{{ 'main.header.menu.service.parts'|trans({}, 'dc_suzuki') }} SUZUKI</h1>
</div>
</section>
{% if app.request.locale == 'ru' %}
{% include '@DcSite/Suzuki/Service/translations/parts.ru.html.twig' %}
{% else %}
{% include '@DcSite/Suzuki/Service/translations/parts.ua.html.twig' %}
{% endif %}
<section class="section_padd">
<div class="container">
<div class="row">
<div class="col-md-11 section-title mb-3">
<span>{{ 'main.pages.parts_title'|trans({}, 'dc_suzuki') }}</span>
</div>
<div class="col-md-12">
<p>{{ 'main.pages.parts_desc'|trans({}, 'dc_suzuki') }}</p>
</div>
</div>
<div class="row">
<div class="col-md-8">
{{ form_start(findPartForm, {attr: {action: path('form_find_part_save'), class: 'lead-form pop-up row'}}) }}
<div class="col-md-6">
{{ form_row(findPartForm.vin) }}
</div>
<div class="col-md-6">
{{ form_row(findPartForm.name) }}
</div>
<div class="col-md-6">
{{ form_row(findPartForm.email) }}
</div>
<div class="col-md-6">
{{ form_row(findPartForm.phone) }}
</div>
<div class="col-md-12">
{{ form_row(findPartForm.part) }}
</div>
<div class="col-md-12">
<div class="form-group checkbox style-b js-form-privacy">
<label class="checkboxes__item-privacy">
<input type="checkbox" name="{{ findPartForm.privacy.vars.full_name }}" value="{{ findPartForm.privacy.vars.value }}" id="{{ findPartForm.privacy.vars.id }}"/>
<div id="check_privacy" class="checkbox__checkmark form-control"></div>
<div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
</label>
</div>
</div>
<div class="col-md-5">
<button class="btn btn-primary w-100">{{ 'main.pages.btn_send'|trans({}, 'dc_suzuki') }}</button>
</div>
<div style="display: none">
{{ form_rest(findPartForm) }}
</div>
{{ form_end(findPartForm) }}
</div>
</div>
</div>
</section>
{% include '@DcSite/Suzuki/breadcrumbs.html.twig' with {
catName: 'main.header.menu.service.title'|trans({}, 'dc_suzuki'),
catUrl: 'suzuki_homepage',
pageName: 'main.header.menu.service.parts'|trans({}, 'dc_suzuki')
} %}
{% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %}
{% endblock %}
{% block pageJS %}
<script>
app.onCustomEvent('appInit', function () {
app.loadJs('{{ asset('/bundles/dcsite/js/suzuki/spare-parts.js') }}',function () {
searchParts({
initUrl: '{{ path('suzuki_spare_parts_search') }}'
});
});
});
</script>
{% endblock %}