{% 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">
      Присоединяйтесь в Рисовальный лагерь
    </div>
    <div class="main__actions">
      <a
        {% if not is_purchased_future %}
          {% if not user.is_authenticated %}
          data-popup=".js-popup-auth"
          {% else %}
          data-popup=".js-popup-buy"
          {% endif %}
        {% endif %}
          class="main__btn btn"
          href="#"
        >
        {% if not is_purchased and not is_purchased_future %}Получить доступ{% endif %}
        {% if is_purchased_future and not is_purchased %}ваша подписка начинается {{school_purchased_future.date_start}}{% endif %}
        {% if is_purchased %}ваша подписка истекает {{ subscription_ends_humanize }}<br/>перейти к оплате{% endif %}
      </a>

    </div>
    <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">12 уроков</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>