{% extends '@DcSite/Mazda/base.html.twig' %}
{% block seo %}
<title>{{ 'seo.parts.parts_title'|trans({}, 'dc_mazda') }}</title>
<meta name="description" content="{{ 'seo.parts.parts_desc'|trans({}, 'dc_mazda') }}" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'seo.parts.parts_title'|trans({}, 'dc_mazda') }}"/>
<meta property="og:description" content="{{ 'seo.parts.parts_desc'|trans({}, 'dc_mazda') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/mazda/service.css') }}">
{% 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('mazda_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Mazda</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'pages.service'|trans({}, 'dc_mazda') }}</span>
<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: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'seo.parts.title'|trans({}, 'dc_mazda') }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<section class="heading_bg">
<img src="{{ asset( '/bundles/dcsite/img/mazda/head/parts-head.png' ) }}" alt="">
<h1 class="section_head-title">{{ 'seo.parts.title'|trans({}, 'dc_mazda') }}</h1>
</section>
{% if app.request.locale == 'ru' %}
{% include '@DcSite/Mazda/Service/translations/parts.ru.html.twig' %}
{% else %}
{% include '@DcSite/Mazda/Service/translations/parts.ua.html.twig' %}
{% endif %}
<section class="section_padd">
<div class="container">
<div class="row">
<div class="col-md-12 section-title">
<span>{{ 'pages.parts_title'|trans({}, 'dc_mazda') }}</span>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-12">
<p class="mb-4 text-center">{{ 'pages.parts_desc'|trans({}, 'dc_mazda') }}</p>
<div class="row justify-content-center">
<div class="col-sm-12 col-md-8 col-lg-6 col-xl-4">
{{ form_start(findPartForm, {attr: {action: path('form_find_part_save'), class: 'lead-form pop-up'}}) }}
<div class="col-md-12">
{{ form_row(findPartForm.name) }}
</div>
<div class="col-md-12">
{{ form_row(findPartForm.phone) }}
</div>
<div class="col-md-12">
{{ form_row(findPartForm.email) }}
</div>
<div class="col-md-12">
{{ form_row(findPartForm.vin) }}
</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 style="display: none">
{{ form_rest(findPartForm) }}
</div>
<div class="col-md-12">
<button type="submit" style="max-width: none;" class="btn btn-primary w-100 m-auto">{{ 'pages.vacancy_form_btn'|trans({}, 'dc_mazda') }}</button>
</div>
{{ form_end(findPartForm) }}
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block pageJS %}
{% endblock %}