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

{% block ogimage %}http://{{request.META.HTTP_HOST}}{% if lesson.course.cover %}{{ lesson.course.cover.image.url }}{% else %}{% static 'img/og_courses.jpg' %}{% endif %}{% endblock ogimage %}
{% block content %}
<div class="section" style="margin-bottom:0;padding-bottom:0">
  <div class="section__center center center_sm">
    <div class="go">
      <a class="go__item" href="{% if next %}{{next}}{% else %}{% url 'course-only-lessons' lesson.course.id %}{% endif %}">
        <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>
      {% if next_lesson %}
      <a class="go__item" href="{% url 'lesson' pk=next_lesson %}">
        <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>
      {% endif %}
    </div>
    <div class="lesson">
      <div class="lesson__subtitle subtitle">{{ lesson.title }}</div>
      <div class="lesson__content">{{ lesson.short_description | safe | linebreaks }}</div>
      {% comment %} <a class="lesson__video video" href="#">
        {% if lesson.cover %}
        <img class="video__pic" src="{{ lesson.cover.image.url }}"/>
        {% else %}

        {% endif %}
        <svg class="icon icon-play">
          <use xlink:href="{% static 'img/sprite.svg' %}#icon-play"></use>
        </svg>
      </a> {% endcomment %}
    </div>
  </div>
</div>
{% for content in lesson.content.all %}

    {% with template="course/content/"|add:content.ctype|add:".html" %}
    {% include template %}
    {% endwith %}

{% 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 request.user.is_authenticated %}
      <form class="questions__form" method="post" action="{% url 'lessoncomment' lesson_id=lesson.id %}">
        <input type="hidden" name="reply_id">
        <div class="questions__ava ava">
          <img
            class="ava__pic"
          {% if request.user.photo %}
            src="{{ request.user.photo.url }}"
            {% else %}
            src="{% static 'img/user_default.jpg' %}"
          {% endif %}
          >
        </div>
        <div class="questions__wrap">
          <div class="questions__reply-info">В ответ на
            <a href="" class="questions__reply-anchor">этот комментарий</a>.
            <a href="#" class="questions__reply-cancel grey-link">Отменить</a>
          </div>
          <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 "templates/blocks/comments.html" with object=lesson %}
      </div>
    </div>
  </div>
</div>
<div class="section">
  <div class="section__center center center_sm">
    {% include 'templates/blocks/share.html' %}
  </div>
</div>
{% endblock content %}