{% load static %} {% load thumbnail %}
{% if next_schedule %}
<div class="section">
  <div class="section__center center">
    <div class="title title_center">
      Следующий урок: {{ next_schedule.title }}
    </div>
    <div class="title title_sm title_center">
      Начнется через {{ next_lesson_start }}
    </div>
  </div>
</div>
{% endif %}
{% include 'templates/blocks/messages.html' %}
<div class="section" id="schedule">
  <div class="section__center center">
    <div class="title title_center">Расписание</div>
    <div class="casing">
      <div class="casing__col">
        <div class="casing__subscribe">
          {% if is_purchased %}
          <div class="casing__msg">Подписка истекает
            <span class="bold">{{ subscription_ends }}</span>
          </div>
          {% else %}
          <div class="casing__msg">Подписка
            <span class="bold">истекла</span>
          </div>
          {% endif %}
          {% if allow_prolong %}
          {% include './prolong_btn.html' with pink=True %}
          {% endif %}
        </div>
      </div>
      <div class="casing__col">
        <div class="casing__timing timing js-timing">
          <div class="timing__week">
            <div class="subtitle2">Новые уроки</div>
            {% for school_schedule in school_schedules_sorted %}
              {% include 'blocks/schedule_item.html' with school_schedule=school_schedule live_lesson=school_schedule.current_camp_lesson %}
            {% endfor %}
            {% if prev_live_lessons_exists %}
              <div class="subtitle2">Прошедшие уроки</div>
              {% for live_lesson in prev_live_lessons %}
                {% if live_lesson.school_schedule and live_lesson.title %}
                  {% include 'blocks/schedule_item.html' with school_schedule=live_lesson.school_schedule live_lesson=live_lesson is_previous=True is_purchased=True %}
                {% endif %}
              {% endfor %}
            {% endif %}
          </div>
          <div class="timing__week">
            {% comment %} previous week schedules {% endcomment %}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>