{% load static %}
<div class="main main_default" style="background-image: url({% static 'img/bg-2.jpg' %});">
  <div class="main__center center">
    <div class="main__title">
      <span class="main__bold">Lil School</span> — первая образовательная онлайн-платформа креативного мышления для детей
    </div>
    <div class="main__subtitle">
      <!--Старт школы - 1 сентября-->
    </div>
    {% comment %}
    <div class="main__actions">
      <a
        {% if not is_purchased_future %}
          data-popup=".js-popup-buy"
        {% endif %}
          class="main__btn btn"
          href="#"
        >
        {% if not is_purchased and not is_purchased_future %}Купить доступ от {{ min_school_price }} руб./месяц{% endif %}
        {% if is_purchased_future and not is_purchased %}ваша подписка начинается {{school_purchased_future.date_start}}{% endif %}
        {% if is_purchased %}ваша подписка истекает {{ subscription_ends_humanize }}<br/>перейти к оплате{% endif %}
      </a>

      {% if not is_purchased and not is_purchased_future %}
      <a class="main__btn btn btn_stroke-black" href="{% url 'gift-certificates' %}">Подарить другу</a>
      {% endif %}
    </div>
    {% endcomment %}
    <div class="main__school school school_main">
      <div class="school__col">
        <div class="school__preview">
          <svg class="icon icon-online">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-online"></use>
          </svg>
        </div>
        <div class="school__title">Видеоуроки</div>
        <div class="school__text">Каждый день</div>
      </div>
      <div class="school__col">
        <div class="school__preview">
          <svg class="icon icon-everyday">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-everyday"></use>
          </svg>
        </div>
        <div class="school__title">В&nbsp;17:00</div>
        <div class="school__text">По московскому времени</div>
      </div>
      <div class="school__col">
        <div class="school__preview">
          <svg class="icon icon-subjects">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-subjects"></use>
          </svg>
        </div>
        <div class="school__title">7 дисциплин</div>
        <div class="school__text">В разных техниках</div>
      </div>
      <div class="school__col">
        <div class="school__preview">
          <svg class="icon icon-view">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-view"></use>
          </svg>
        </div>
        <div class="school__title">Запись эфира</div>
        <div class="school__text">Хранится 7 дней</div>
      </div>
    </div>
  </div>
</div>