<div class="site-block contacts">
<div class="container">
<div class="site-heading">{{ title|default|raw }}</div>
</div>
<div class="container">
<div class="contacts__grid">
<div class="contacts__list">
{% for contact_item in contacts_list %}
<div class="item {{ loop.first ? 'selected opened'}}" data-coordinates="{{ contact_item.coordinates|join(',') }}" data-icon="{{ contact_item.icon_map|default }}">
<div class="item__heading">{{ contact_item.name|default|raw }}</div>
<div class="item__arrow">
<svg>
<use xlink:href="/images/sprite..svg#arrow-bottom" />
</svg>
</div>
<div class="item__info">
{% if contact_item.icon %}
<div class="item__icon">
<img src="{{ contact_item.icon }}" alt="">
</div>
{% endif %}
<div class="item__contact">
{{ contact_item.address|default|raw }}
</div>
{{ contact_item.content|default|raw }}
{#<div class="item__contact">
<span>Телефон:</span>
<a href="#">+7 (3462) 93-74-45</a>
</div>
<div class="item__contact">
<span>Email:</span>
<a href="#">yugraoil@yugraoil.ru</a>
</div>
<div class="item__contact">
<span>Время работы:</span>
</div>
<div class="item__contact">ПН-ПТ: 9:00-17:00<br>СБ-ВС: выходной</div>#}
</div>
</div>
{% endfor %}
</div>
<div class="contacts__map">
<div id="map"></div>
</div>
</div>
</div>
<div class="contacts__bg">
<img src="{{ asset('images/contacts..svg') }}" alt="">
</div>
</div>