LilSchool/apps/school/templates/blocks/schedule.html

{% load static %}
<div class="section">
  <div class="section__center center center_md">
    <div class="title title_center">Расписание</div>
    <div class="timing js-timing">
      <div class="timing__week">
        {% for school_schedule in school_schedules %}
        <div class="timing__item js-timing-item">
          <div class="timing__cell">
            <div class="timing__info">
              <div class="timing__day active">{{ school_schedule }}</div>
              <div class="timing__date">2 апреля</div>
            </div>
            <div class="timing__buy">
              <div class="timing__time">17:00 (МСК)</div>
              <a class="timing__btn btn" href="#">купить</a>
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__preview">
              <img class="timing__pic" src="{% static 'img/user.jpg' %}">
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__title">{{ school_schedule.title }},
              <span class="bold">Санкт-Петербург</span>
            </div>
            <div class="timing__content">{{ school_schedule.short_description }}</div>
            <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="#">
                  <img class="timing__pic" src="{{ image.img.image.url }}">
                </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>
        {% endfor %}
        {% comment %}
        <div class="timing__item js-timing-item">
          <div class="timing__cell">
            <div class="timing__info">
              <div class="timing__day">вторник</div>
              <div class="timing__date">3 апреля</div>
            </div>
            <div class="timing__buy">
              <div class="timing__time">17:00 (МСК)</div>
              <a class="timing__btn btn" href="#">купить</a>
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__preview">
              <img class="timing__pic" src="{% static 'img/user.jpg' %}">
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__title">Живопись,
              <span class="bold">Олени</span>
            </div>
            <div class="timing__content">Однажды он затеял скандал на торговой площади ради леденца, вокруг собралась толпа, и полицейские попросили хозяина
              лавки открыть её во время сиесты и подарить мальчику сладость.</div>
            <div class="timing__more">
              <div class="timing__head">Материалы</div>
              <div class="timing__row">
                <div class="timing__col">
                  <div class="timing__text">
                    <p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
                      (12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
                  </div>
                </div>
                <div class="timing__col">
                  <div class="timing__text">
                    <ul>
                      <li>Кисть</li>
                      <li>Карандаш</li>
                      <li>Бумага акварекльная А4</li>
                      <li>Мелки</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="timing__head">Результаты прошлых уроков</div>
              <div class="timing__works">
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
              </div>
            </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>
        <div class="timing__item js-timing-item">
          <div class="timing__cell">
            <div class="timing__info">
              <div class="timing__day">среда</div>
              <div class="timing__date">4 апреля</div>
            </div>
            <div class="timing__buy">
              <div class="timing__time">17:00 (МСК)</div>
              <a class="timing__btn btn" href="#">купить</a>
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__preview">
              <img class="timing__pic" src="{% static 'img/user.jpg' %}">
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__title">Пластелин,
              <span class="bold">Лесные приключения Барри</span>
            </div>
            <div class="timing__content">Однажды он затеял скандал на торговой площади ради леденца</div>
            <div class="timing__more">
              <div class="timing__head">Материалы</div>
              <div class="timing__row">
                <div class="timing__col">
                  <div class="timing__text">
                    <p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
                      (12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
                  </div>
                </div>
                <div class="timing__col">
                  <div class="timing__text">
                    <ul>
                      <li>Кисть</li>
                      <li>Карандаш</li>
                      <li>Бумага акварекльная А4</li>
                      <li>Мелки</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="timing__head">Результаты прошлых уроков</div>
              <div class="timing__works">
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
              </div>
            </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>
        <div class="timing__item js-timing-item">
          <div class="timing__cell">
            <div class="timing__info">
              <div class="timing__day">четверг</div>
              <div class="timing__date">5 апреля</div>
            </div>
            <div class="timing__buy">
              <div class="timing__time">17:00 (МСК)</div>
              <a class="timing__btn btn" href="#">купить</a>
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__preview">
              <img class="timing__pic" src="{% static 'img/user.jpg' %}">
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__title">Моторика,
              <span class="bold">Тема</span>
            </div>
            <div class="timing__content">Многочисленные комплексы[какие?] и фобии, например, страх перед</div>
            <div class="timing__more">
              <div class="timing__head">Материалы</div>
              <div class="timing__row">
                <div class="timing__col">
                  <div class="timing__text">
                    <p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
                      (12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
                  </div>
                </div>
                <div class="timing__col">
                  <div class="timing__text">
                    <ul>
                      <li>Кисть</li>
                      <li>Карандаш</li>
                      <li>Бумага акварекльная А4</li>
                      <li>Мелки</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="timing__head">Результаты прошлых уроков</div>
              <div class="timing__works">
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
              </div>
            </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>
        <div class="timing__item js-timing-item">
          <div class="timing__cell">
            <div class="timing__info">
              <div class="timing__day">пятница</div>
              <div class="timing__date">6 апреля</div>
            </div>
            <div class="timing__buy">
              <div class="timing__time">17:00 (МСК)</div>
              <a class="timing__btn btn" href="#">купить</a>
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__preview">
              <img class="timing__pic" src="{% static 'img/user.jpg' %}">
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__title">Акварель,
              <span class="bold">Дикая сирень</span>
            </div>
            <div class="timing__content">Проигрывая в школьных азартных играх, он вёл себя так</div>
            <div class="timing__more">
              <div class="timing__head">Материалы</div>
              <div class="timing__row">
                <div class="timing__col">
                  <div class="timing__text">
                    <p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
                      (12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
                  </div>
                </div>
                <div class="timing__col">
                  <div class="timing__text">
                    <ul>
                      <li>Кисть</li>
                      <li>Карандаш</li>
                      <li>Бумага акварекльная А4</li>
                      <li>Мелки</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="timing__head">Результаты прошлых уроков</div>
              <div class="timing__works">
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
              </div>
            </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>
        <div class="timing__item timing__item_bg js-timing-item">
          <div class="timing__cell">
            <div class="timing__info">
              <div class="timing__day">суббота</div>
              <div class="timing__date">7 апреля</div>
            </div>
            <div class="timing__buy">
              <div class="timing__time">17:00 (МСК)</div>
              <a class="timing__btn btn" href="#">купить</a>
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__preview">
              <img class="timing__pic" src="{% static 'img/user.jpg' %}">
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__title">Акварель,
              <span class="bold">Сырая техника</span>
            </div>
            <div class="timing__content">Проигрывая в школьных азартных играх, он вёл себя так</div>
            <div class="timing__more">
              <div class="timing__head">Материалы</div>
              <div class="timing__row">
                <div class="timing__col">
                  <div class="timing__text">
                    <p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
                      (12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
                  </div>
                </div>
                <div class="timing__col">
                  <div class="timing__text">
                    <ul>
                      <li>Кисть</li>
                      <li>Карандаш</li>
                      <li>Бумага акварекльная А4</li>
                      <li>Мелки</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="timing__head">Результаты прошлых уроков</div>
              <div class="timing__works">
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
              </div>
            </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>
        <div class="timing__item timing__item_bg js-timing-item">
          <div class="timing__cell">
            <div class="timing__info">
              <div class="timing__day">воскресенье</div>
              <div class="timing__date">8 апреля</div>
            </div>
            <div class="timing__buy">
              <div class="timing__time">17:00 (МСК)</div>
              <a class="timing__btn btn" href="#">купить</a>
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__preview">
              <img class="timing__pic" src="{% static 'img/user.jpg' %}">
            </div>
          </div>
          <div class="timing__cell">
            <div class="timing__title">Акварель,
              <span class="bold">Трансформеры</span>
            </div>
            <div class="timing__content">Проигрывая в школьных азартных играх, он вёл себя так</div>
            <div class="timing__more">
              <div class="timing__head">Материалы</div>
              <div class="timing__row">
                <div class="timing__col">
                  <div class="timing__text">
                    <p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
                      (12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
                  </div>
                </div>
                <div class="timing__col">
                  <div class="timing__text">
                    <ul>
                      <li>Кисть</li>
                      <li>Карандаш</li>
                      <li>Бумага акварекльная А4</li>
                      <li>Мелки</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="timing__head">Результаты прошлых уроков</div>
              <div class="timing__works">
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
                <a class="timing__work" href="#">
                  <img class="timing__pic" src="{% static 'img/user.jpg' %}">
                </a>
              </div>
            </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>
        {% endcomment %}
      </div>
      <div class="timing__foot">
        <a class="timing__btn btn" href="#">купить</a>
        <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>