{% load static %} {% load thumbnail %}
<div class="section">
  <div class="section__center center">
    <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>
          <a {% if not user.is_authenticated %} data-popup=".js-popup-auth" {% else %} data-popup=".js-popup-buy" {% endif %} class="casing__btn btn"
            href="#">продлить</a>
          {% else %}
          <div class="casing__msg">Подписка
            <span class="bold">истекла</span>
          </div>
          <a {% if not user.is_authenticated %} data-popup=".js-popup-auth" {% else %} data-popup=".js-popup-buy" {% endif %} class="casing__btn btn btn_pink"
            href="#">продлить</a>
          {% endif %}
        </div>
      </div>
      <div class="casing__col">
        <div class="casing__head">
          <div class="casing__title title">Новые уроки</div>
          <label class="casing__switcher switcher">
            <input class="switcher__input" type="checkbox">
            <span class="switcher__wrap">
              <span class="switcher__item">запись уроков</span>
              <span class="switcher__item">новые уроки</span>
            </span>
          </label>
        </div>
        <div class="casing__timing timing js-timing">
          <div class="timing__week">
            {% for school_schedule in school_schedules %} {% with current_live_lesson=school_schedule.current_live_lesson %}
            <div class="timing__item{% if not current_live_lesson %} timing__item_bg{% endif %} js-timing-item">
              <div class="timing__cell">
                {% if school_schedule.is_purchased %}
                <div class="timing__info">
                  <div class="timing__day{% if school_schedule.is_online %} active{% endif %}">
                    {{ school_schedule }}
                  </div>
                  {% if current_live_lesson %}
                  <div class="timing__date">{{ current_live_lesson.date }}</div>
                  {% endif %}
                </div>
                <div class="timing__buy">
                  <div class="timing__time">{{ school_schedule.start_at }} (МСК)</div>
                  {% if current_live_lesson %}
                  {% include './open_lesson.html' %}
                  {% endif %}
                </div>
                {% else %}

                {% endif %}
              </div>
              <div class="timing__cell">
                <div class="timing__preview">
                  {% thumbnail current_live_lesson.cover.image "70x70" crop="center" as im %}
                  <img class="timing__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" /> {% empty %}
                  <img class="timing__pic" src="{% static 'img/no_cover.png' %}" width="70px" height="70px" /> {% endthumbnail %}
                </div>
              </div>
              <div class="timing__cell">
                <div class="timing__title">{{ school_schedule.title }}{% if current_live_lesson %},
                  <span class="bold">{{ current_live_lesson.title }}</span>
                  {% endif %}
                </div>
                {% if current_live_lesson %}
                <div class="timing__content">{{ current_live_lesson.short_description }}</div>
                {% endif %}
                <div class="timing__more">
                  <div class="timing__head">Материалы</div>
                  <div class="timing__row">
                    <div class="timing__col">
                      <div class="timing__text">
                        <p>{{ school_schedule.description }}</p>
                      </div>
                    </div>
                    <div class="timing__col">
                      <div class="timing__text">
                        {{ school_schedule.materials }}
                      </div>
                    </div>
                  </div>
                  {% if school_schedule.schoolschedule_images.exists %}
                  <div class="timing__head">Результаты прошлых уроков</div>
                  <div class="timing__works">
                    {% for image in school_schedule.schoolschedule_images.all %}
                    <a class="timing__work" href="#">
                      {% thumbnail image.img.image "48x48" crop="center" as im %}
                      <img class="timing__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" /> {% endthumbnail %}
                    </a>
                    {% endfor %}
                  </div>
                  {% endif %}
                </div>
              </div>
              <div class="timing__cell">
                <button class="timing__toggle js-timing-toggle">
                  <svg class="icon icon-arrow-down">
                    <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use>
                  </svg>
                </button>
              </div>
            </div>
            {% endwith %} {% endfor %}
          </div>
          <div class="timing__foot">
            {% include './pay_btn.html' %}
            <a class="timing__print" href="#">Распечатать расписание
              <span class="bold">чтобы не забыть</span>
              <svg class="icon icon-print">
                <use xlink:href="{% static 'img/sprite.svg' %}#icon-print"></use>
              </svg>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>