{% extends "templates/lilcity/index.html" %}
{% load static %}
{% block title %}{{ lesson.title }} - {{ block.super }}{% endblock title %}

{% block content %}
<div class="section">
  <div class="section__center center center_sm">
    <div class="go">
      <a class="go__item" href="{% url 'course' lesson.course.id %}">
        <div class="go__arrow">
          <svg class="icon icon-arrow-left">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-left"></use>
          </svg>
        </div>
        <div class="go__title">Вернуться к&nbsp;списку уроков</div>
      </a>
      <a class="go__item" href="#">
        <div class="go__title">Перейти к&nbsp;следующему уроку</div>
        <div class="go__arrow">
          <svg class="icon icon-arrow-right">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-right"></use>
          </svg>
        </div>
      </a>
    </div>
    <div class="lesson">
      <div class="lesson__subtitle subtitle">{{ lesson.title }}</div>
      <div class="lesson__content">{{ lesson.short_description }}</div>
      <a class="lesson__video video" href="#">
        <img class="video__pic" src="{% static 'img/video-1.jpg' %}">
        <svg class="icon icon-play">
          <use xlink:href="{% static 'img/sprite.svg' %}#icon-play"></use>
        </svg>
      </a>
    </div>
  </div>
</div>
{% for content in lesson.content.all %}
<div class="section section_border">
  <div class="section__center center center_sm">
    {% with template="course/content/"|add:content.ctype|add:".html" %}
    {% include template %}
    {% endwith %}
    </div>
  </div>
{% endfor %}
{% comment %} <div class="section section_gradient">
  <div class="section__center center center_sm">
    <div class="title">Примеры техники</div>
    <div class="examples">
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
      <div class="examples__item">
        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
      </div>
    </div>
  </div>
</div> {% endcomment %}
<div class="section section_gray">
  <div class="section__center center center_sm">
    <div class="title">Задавайте вопросы:</div>
    <div class="questions">
      {% if user.is_authenticated %}
      <form class="questions__form" method="post" action="{% url 'lessoncomment' lesson_id=lesson.id %}">
        <div class="questions__ava ava">
          <img class="ava__pic" src="{% static 'img/user.jpg' %}">
        </div>
        <div class="questions__wrap">
          <div class="questions__field">
            <textarea class="questions__textarea" placeholder="Спросите автора курса интересующие вас вопросы"></textarea>
          </div>
          <button class="questions__btn btn btn_light">ОТПРАВИТЬ</button>
        </div>
      </form>
      {% else %}
      <div>Только зарегистрированные пользователи могут оставлять комментарии.</div>
      {% endif %}
      <div class="questions__list">
        {% include "./blocks/comments.html" with object=lesson %}
      </div>
    </div>
  </div>
</div>
<div class="section">
  <div class="section__center center center_sm">
    <div class="share">
      <div class="share__title">Поделиться уроком</div>
      <div class="share__list">
        <a class="share__item" href="#">
          <svg class="icon icon-share-facebook">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
          </svg>
        </a>
        <a class="share__item" href="#">
          <svg class="icon icon-share-twitter">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
          </svg>
        </a>
        <a class="share__item" href="#">
          <svg class="icon icon-share-google">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
          </svg>
        </a>
        <a class="share__item" href="#">
          <svg class="icon icon-share-pinterest">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
          </svg>
        </a>
      </div>
    </div>
  </div>
</div>
{% endblock content %}