{% load static %}
<div
  class="main main_default"
  {% if config.MAIN_PAGE_TOP_IMAGE %}
  style="background-image: url({{ config.MAIN_PAGE_TOP_IMAGE.url }});"
  {% else %}
  style="background-image: url({% static 'img/bg-1.jpg' %});"
  {% endif %}
  >
  <div class="main__center center">
    <div class="main__title">
      <span class="main__bold">Lil School</span> — первая образовательная онлайн-платформа креативного мышления для детей
    </div>
    {% if user.is_authenticated and online %}
    <div class="main__content">
      Сейчас идёт прямой эфир урока «{{ school_schedule.title }}»
    </div>
    <div class="main__actions">
      <a
        {% if not is_purchased %}
          data-popup=".js-popup-buy"
          href='#'
        {% else %}
          href="{{ school_schedule.current_live_lesson.get_absolute_url }}"
        {% endif %}
        class="main__btn btn"
        >{% if not is_purchased %}Получить доступ{% else %}Смотреть урок{% endif %}</a>
    </div>
    {% elif user.is_authenticated and online_coming_soon and school_schedule and school_schedule.start_at_humanize %}
    <div class="main__content">
      Урок «{{ school_schedule.title }}» начнётся
    </div>
    <div class="main__time">
      {{ school_schedule.start_at_humanize }}
    </div>
    <div class="main__actions">
      <a
        {% if not is_purchased %}
          data-popup=".js-popup-buy"
          href='#'
        {% else %}
          href="{{ school_schedule.current_live_lesson.get_absolute_url }}"
        {% endif %}
        class="main__btn btn"
        >{% if not is_purchased %}Получить доступ{% else %}Смотреть урок{% endif %}</a>
    </div>
    {% else %}
    <div class="main__subtitle">
      Урок <b>Рисовальный лагерь, Альбрехт Дюрер</b> завершен <br/>
      Следующий урок пройдет 4 июля
    </div>
    <div class="main__actions">
      {% if is_purchased %}
        <a class="main__btn btn" href="/school/lessons/214">Перейти в урок</a>
      {% else %}
      <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 %}
      </a>
      {% endif %}

      <a class="main__btn btn btn_white" href="{% url 'school:summer-school' %}">О лагере</a>
    </div>
    {% endif %}
  </div>
</div>