{% extends 'base.html' %}

{% load static %}
{% load filters %}
{% load thumbnail %}

{% block content %}
    {% include 'includes/breadcrumbs_dark.html' %}

      <section class="sect pt-0">
        <div class="container">
          <div class="sectHead">
            <h1 class="h1">
              Контакты
            </h1>
          </div>
          <div class="row">
            <div class="col-lg-6">
              <h5 class="h5 mb-3 mb-lg-4 h5--mobile gray">Адреса компании:</h5>
              <div class="content--lg content">
                <a href="{{ dgis_krasnoyarsk }}" class="contactsCityItem mb-3 mb-lg-4 d-block border-0" target="_blank">
                  <strong>г. Красноярск</strong>
                  <p>г. Красноярск ул. 2-я Брянская, 20, офис 1</p>
                </a>
                <a href="{{ dgis_novosibirsk }}" class="contactsCityItem mb-3 mb-lg-4 d-block border-0" target="_blank">
                  <strong>г. Новосибирск</strong>
                  <p>ул. Семьи Шамшиных, 24, офис 6</p>
                </a>
                <a href="{{ dgis_vladivostok }}" class="contactsCityItem mb-3 mb-lg-4 d-block border-0" target="_blank">
                  <strong>г. Владивосток</strong>
                  <p>ул. Крыгина, 89, офис 301</p>
                </a>
                <a href="{{ dgis_moscow }}" class="contactsCityItem mb-3 mb-lg-4 d-block border-0" target="_blank">
                  <strong>г. Москва</strong>
                  <p>​Алтуфьевское шоссе, 79а ст25​К2-4 офис; 2 этаж</p>
                </a>
              </div>

            </div>
            <div class="col-lg-6">
              <h5 class="h5 mb-3 mb-lg-4 h5--mobile gray mt-4 mt-lg-0">Телефон (бесплатно по РФ):</h5>
              <a href="tel:{{ phone|digits_phone }}" class="h3 contactsPhone fw-semibold mb-5">{{ phone }}</a>
              <h5 class="h5 mb-3 mb-lg-4 h5--mobile gray">Получить бесплатную консультацию:</h5>
              <ul class="d-flex gap-3 socials contactsSocials socials--brown">
                <li>
                  <a href="{{ vk }}" target="_blank">
                    <svg>
                      <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#vk"></use>
                    </svg>
                  </a>
                </li>
                <li>
                  <a href="{{ whatsapp }}" target="_blank">
                    <svg>
                      <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#whatsapp-call"></use>
                    </svg>
                  </a>
                </li>
                <li>
                  <a href="{{ tg }}" target="_blank">
                    <svg>
                      <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#telegram-call"></use>
                    </svg>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>
      
      {% include 'includes/form.html' with mparam="mb-5" %}
      {% include 'includes/about.html' %}
{% endblock %}