{% extends '@DcSite/Peugeot/base.html.twig' %}
{% block seo %}
<title>{{ 'seo.contacts.title'|trans({}, 'dc_peugeot') }}</title>
<meta name="description" content="{{ 'seo.contacts.desc'|trans({}, 'dc_peugeot') }}" />
<meta name="keywords" content="" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'seo.contacts.title'|trans({}, 'dc_peugeot') }}"/>
<meta property="og:description" content="{{ 'seo.contacts.desc'|trans({}, 'dc_peugeot') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/peugeot/about/style.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('peugeot_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('peugeot_about_company') }}">
<span class="breadcrumbs__link" itemprop="name">{{ 'menu.about.title'|trans({}, 'dc_peugeot') }}</span></a>
<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.contacts.title'|trans({}, 'dc_peugeot') }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<section class="contacts">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 bg-white">
<div class="row ">
<div class="col-md-12 custom-padd pt-0">
<h1 class="section-title">{{ 'menu.contacts.title'|trans({}, 'dc_peugeot') }}</h1>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
<div class="row">
<div class="col-md-12 d-flex justify-content-between align-items-center contacts-head">
<p class="contacts-addr ">{{ 'main.addr'|trans({}, 'dc_peugeot') }}</p>
<a target="_blank" href="https://goo.gl/maps/DTcHg7rNcCPAUjfJA" class="contacts-map-road">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.9167 3.5L23.73 3.535L17.5 5.95L10.5 3.5L3.92 5.71667C3.675 5.79833 3.5 6.00833 3.5 6.27667V23.9167C3.5 24.0714 3.56146 24.2197 3.67085 24.3291C3.78025 24.4385 3.92862 24.5 4.08333 24.5L4.27 24.465L10.5 22.05L17.5 24.5L24.08 22.2833C24.325 22.2017 24.5 21.9917 24.5 21.7233V4.08333C24.5 3.92862 24.4385 3.78025 24.3291 3.67085C24.2197 3.56146 24.0714 3.5 23.9167 3.5ZM11.6667 6.38167L16.3333 8.015V21.6183L11.6667 19.985V6.38167ZM5.83333 7.53667L9.33333 6.35833V20.0083L5.83333 21.3617V7.53667ZM22.1667 20.4633L18.6667 21.6417V8.00333L22.1667 6.65V20.4633Z" fill="#00a3e0"/>
</svg>
{{ 'main.directions'|trans({}, 'dc_peugeot') }}
</a>
</div>
<div class="col-md-6">
<span class="contacts-dep">{{ 'main.dep_sale'|trans({}, 'dc_peugeot') }}</span>
<hr>
<a class="contacts-link" href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a>
<a class="contacts-link" href="mailto:{{ dealer.emailSale }}">{{ dealer.emailSale }}</a>
<div class="contact-hours">
<p><span>Пн - Сб:</span>09:00-20:00</p>
<p><span>{{ 'main.sunday'|trans({}, 'dc_peugeot') }}:</span> 09:00-18:00</p>
</div>
</div>
<div class="col-md-6">
<span class="contacts-dep">{{ 'main.dep_sevice'|trans({}, 'dc_peugeot') }}</span>
<hr class="contacts-hr">
<a class="contacts-link" href="tel:{{ dealer.phoneService }}">{{ dealer.phoneService }}</a>
<a class="contacts-link" href="mailto:{{ dealer.emailService }}">{{ dealer.emailService }}</a>
<div class="contact-hours">
<p><span>Пн - Сб:</span>08:00-20:00</p>
<p><span>{{ 'main.sunday'|trans({}, 'dc_peugeot') }}:</span> 09:00-18:00</p>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
<iframe class="contacts-map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10170.186084768866!2d30.378463397314448!3d50.41228835794803!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xea203366e2beaeb4!2z0JDQstGC0L7RgdCw0LvQvtC9INCf0LXQttC-INCS0JjQlNCYINCQ0LLQtdC90Y4!5e0!3m2!1sru!2sua!4v1584627848424!5m2!1sru!2sua" width="100%" height="270" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block pageJS %}
{% endblock pageJS %}