{% extends 'base.html' %}

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

{% block preheader %}
<section class="intro introMain sect pt-3 pt-lg-0">

  <video class="intro-back-video" autoplay muted playsinline loop poster="{% static 'img/admin/intro/intro_image.jpg' %}?v=1">
      <source src="{% static 'files/intro_video.mp4' %}" type="video/mp4">
      <source src="{% static 'files/intro_video.mov' %}" type="video/quicktime">
      Ваш браузер не поддерживает тег видео.
  </video>

    <div class="container">
      <div class="d-none d-lg-flex justify-content-between align-items-center gap-2 py-3">
        <div class="d-flex align-items-center gap-3">
          <span class="fw-bold text--sm text--white">Мы в соцсетях:</span>
          <ul class="d-flex gap-3 socials socials--gray">
            <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="{{ youtube }}" target="_blank">
                <svg>
                  <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#youtube"></use>
                </svg>
              </a>
            </li>
            <li>
              <a href="{{ instagram }}" target="_blank">
                <svg>
                  <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#insta"></use>
                </svg>
              </a>
            </li>
          </ul>
        </div>
        <div class="d-flex align-items-center gap-3">
          <span class="fw-bold text--sm text--white">Свяжитесь с нами:</span>
          <ul class="d-flex gap-3 socials socials--gray">
            <li>
              <a href="{{ vk_chat }}" target="_blank">
                <svg>
                  <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#vk-call"></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>
{% endblock %}
{% block content %}
          <div class="introOffer" style="z-index: -1;">
              <div class="row align-items-center">
                <div class="col-md-8">
                  <h1 class="h1 introTitle text--white">
                    Автомобили и спецтехника под заказ с аукционов Японии, Кореи, Китая, США, ОАЭ и Европы
                  </h1>
                  <ul class="list-interactive list-interactive--white text--white fw-medium">
                    <li>
                      Найдем и выкупим под ваш бюджет и пожелания
                    </li>
                    <li>
                      Ввезем в Россию под полную пошлину
                    </li>
                    <li>
                      Доставим в любой город РФ
                    </li>
                  </ul>
                </div>
                {% if stock_auto_count %}
                  <div class="col-md-4 d-flex justify-content-center">
                    <a class="button button--brown introBtn" href="{% url 'core:stock_auto' %}">Авто в наличии</a>
                  </div>
                {% endif %}
              </div>
            </div>

      </section>
      {% include 'includes/advert.html' %}
      {% include 'includes/auto_japan.html' %}
      {% include 'includes/auto_korea.html' %}
      {% include 'includes/trucks.html' %}
      {% if stock_auto %}
        {% include 'includes/auto_stock.html' %}
      {% endif %}
      {% include 'includes/form.html' %}
      {% include 'includes/reviews.html' %}
      {% include 'includes/about.html' %}
      {% include 'includes/experience.html' %}
      {% include 'includes/video.html' %}
      {% include 'includes/questions.html' %}
      {% include 'includes/news.html' %}

{% endblock %}