{% extends '@DcSite/Peugeot/base.html.twig' %}
{% block seo %}
<title>{{ 'seo.vidi_select.title'|trans({}, 'dc_peugeot') }}</title>
<meta name="description" content="{{ 'seo.vidi_select.desc'|trans({}, 'dc_peugeot') }}" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'seo.vidi_select.title'|trans({}, 'dc_peugeot') }}"/>
<meta property="og:description" content="{{ 'seo.vidi_select.desc'|trans({}, 'dc_peugeot') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/peugeot/vidi-select.css') }}">
{% endblock %}
{% block content %}
<div class="vidi-select-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 itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ 'main.services'|trans({}, 'dc_peugeot') }}</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: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ 'menu.vidi_select'|trans({}, 'dc_peugeot') }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<div class="container">
<div class="vidi-select-heading">
<img src="{{ asset( '/bundles/dcsite/img/peugeot/finance/vidi-select/heading-bg.jpg' ) }}" alt="">
</div>
</div>
<article class="vidi-select-article">
{% if app.request.locale == 'ru' %}
{% include '@DcSite/Peugeot/Finance/translations/vidi-select.ru.html.twig' %}
{% else %}
{% include '@DcSite/Peugeot/Finance/translations/vidi-select.ua.html.twig' %}
{% endif %}
</article>
</div>
<svg width="0" height="0" class="hidden">
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" id="check-icon-circle">
<path d="M19.635 12.68l-6.578 6.34-3.288-3.17" stroke="#fff" stroke-width="1.435" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14.702 26.264c5.944 0 10.763-4.865 10.763-10.867 0-6.001-4.819-10.866-10.763-10.866S3.939 9.396 3.939 15.397c0 6.002 4.819 10.867 10.763 10.867z" stroke="#fff" stroke-width="1.435" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="check-icon">
<path d="M21.5 13L14.1666 20L10.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="check-icon-big">
<path d="M27 9.00061L13 23L6 16.0006" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 32" id="phone-icon">
<path d="M12.072 15.912a10.34 10.34 0 004.787 4.765.973.973 0 00.96-.072l3.068-2.047a.98.98 0 01.93-.085l5.741 2.46a.978.978 0 01.588 1.017 5.884 5.884 0 01-5.837 5.139 16.67 16.67 0 01-16.67-16.67 5.884 5.884 0 015.14-5.837.977.977 0 011.016.588l2.463 5.746a.98.98 0 01-.081.923l-2.04 3.116a.971.971 0 00-.065.957v0z" stroke="currentColor" stroke-width="2.011" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
</svg>
{% endblock %}
{% block pageJS %}
{% endblock %}