{% extends '::base.html.twig' %}

{% block metakeywords %}{{contact['translations'][app.request.locale].metakeywords}}{% endblock %}

{% block metadescription %}{% if app.request.locale == 'ru' %}Контактная информация офисов компании Диамеб Трейд в Украине: адреса, телефоны, e-mail, контакты региональных менеджеров – Ивано-Франковск, Киев, Днепропетровск{% endif %}
{% if app.request.locale == 'uk' %}Контактна інформація офісів компанії Діамеб Трейд в Україні: адреси, телефони, e-mail, контакти регіональних менеджерів - Івано-Франківськ, Київ, Дніпропетровськ{% endif %}
{% endblock %}

{% block title %}{% if app.request.locale == 'uk' %}Контакти компанії | Діамеб Трейд{% endif %}{% if app.request.locale == 'ru' %}Контакты компании | Диамеб Трейд{% endif %}{% if app.request.locale == 'en' %}Contacts | Diameb Trade{% endif %}{% endblock %}

{% block body %}

<div class='main-page topPadding'>
    <div class='slide'>
        <div class='contacts-container'>
            <div class='container'>
                <div class='header'>
                    <div class='header-inside'>
                        <img alt='Ico' src='/images/contacts-ico.png'>
                        <h1>
                            {% trans %}Контактна  інформація{% endtrans %}                            
                        </h1>
                        <span class="neartitle">{% trans %}Оберіть найближчий до Вас офіс{% endtrans %}</span>
                    </div>
                </div>
                <div class="mob_map">
                        <a href='{{ path('contact_region', {'region': '2' }) }}' id='area-1-{{app.request.locale}}'>
                            <span></span>{% if app.request.locale == 'uk' %}Західний<br>регіон{% endif %}{% if app.request.locale == 'ru' %}Западный<br>регион{% endif %}{% if app.request.locale == 'en' %}Western<br>region{% endif %}
                        </a>
                        <a href='{{ path('contact_region', {'region': '2' }) }}' id='area-2-{{app.request.locale}}'>
                            <span></span>{% if app.request.locale == 'uk' %}Центральний регіон{% endif %}{% if app.request.locale == 'ru' %}Центральный регион{% endif %}{% if app.request.locale == 'en' %}Central<br>region{% endif %}
                        </a>
                        <!---<a href='{{ path('contact_region', {'region': '2' }) }}' id='area-2-{{app.request.locale}}'>
                            <span></span>
                        </a>---!>
                        <a href='{{ path('contact_region', {'region': '2' }) }}' id='area-4-{{app.request.locale}}'>
                            <span></span>{% if app.request.locale == 'uk' %}Південний регіон{% endif %}{% if app.request.locale == 'ru' %}Южный регион{% endif %}{% if app.request.locale == 'en' %}Southern<br>region{% endif %}
                        </a>                
                </div>
                <div class='contacts-map'>
                    <div class='map'>
                        <a href='{{ path('contact_region', {'region': '2' }) }}' id='area-1-{{app.request.locale}}'>
                            <span></span>
                        </a>
                        <a href='{{ path('contact_region', {'region': '2' }) }}' id='area-2-{{app.request.locale}}'>
                            <span></span>
                        </a>
                        <!---<a href='{{ path('contact_region', {'region': '2' }) }}' id='area-2-{{app.request.locale}}'>
                            <span></span>
                        </a>---!>
                        <a href='{{ path('contact_region', {'region': '2' }) }}' id='area-4-{{app.request.locale}}'>
                            <span></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}