{% 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 }}, {{ school_schedule.current_live_lesson.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="">
      Урок «{{ school_schedule.title }}, {{ school_schedule.current_live_lesson.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">
      Присоединяйтесь в Рисовальный лагерь
    </div>
    <div class="main__actions">
      {% if not is_purchased and not is_purchased_future %}
        <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="#"
        >
          Получить доступ
        </a>
      {% endif %}
      <a class="main__btn btn btn_white" href="{% url 'school:summer-school' %}">О лагере</a>
    </div>
    {% endif %}
  </div>
</div>