{% extends 'base_index.html' %}
{% block title %}Комментарий #{{ comment.id }}{% endblock %}
{% block content %}
  <div class="col" style="padding-left: 20px; padding-right: 20px;">
    <!-- main header -->
      <div>
            <div class="wrapper-lg" style="padding-bottom: 0;    padding-top: 20px;">
              <div class="row m-t">
                  <div class="clear m-b">
                    <div class="m-b m-t-sm">
                      <span class="h1 text text-u-c gread_title" style="font-size: 60px;">Комментарий #{{ comment.id }}</span><Br>
                        <p style="margin-top: 5px;
    background: #f1f1f1;
    padding: 5px 10px;
    border-radius: 5px;">{{ comment.date }}</p>
                    </div>
                  </div>
                </div>
            </div>
          </div>
      <div class="wrapper-md">
        <div class="row well well-lg">
            {{ comment.text|safe }}
        </div>
      </div>
    <!-- / main header -->
    
  </div>
  <!-- / main -->
  <!-- right col -->
  <div class="col w-md bg-white-only b-l bg-auto no-border-xs aside-col">

    {% if request.user.is_authenticated %}
    <div class="padder-md">      
      <!-- streamline -->
      <div class="m-b m-t text-md">Последняя активность</div>
      <div class="streamline b-l m-b">
        <div class="sl-item b-success b-l">
          <div class="m-l">
            <div class="text-muted label-small">минуту назад<br>Курс &laquo;Профессия веб-разработчик&raquo;, занятие 6</div>
            <p>Ваше <a href class="text-info">домашнее задание</a> одобрено преподавателем.</p>
          </div>
        </div>
        <div class="sl-item b-danger b-l">
          <div class="m-l">
            <div class="text-muted label-small">23:30 <br>Курс &laquo;Профессия веб-разработчик&raquo;, занятие 6.</div>
            <p>Ваше домашнее задание проверено преподавателем. Вам необходимо <a href class="text-info">провести работу над ошибками</a></p>
          </div>
        </div>
        <div class="sl-item b-info b-l">
          <div class="m-l">
            <div class="text-muted label-small">понедельник, 03.02.2015<br>Курс &laquo;Профессия веб-разработчик&raquo;, занятие 6.</div>
            <p>Преподаватель <a href class="text-info">оставил комментарий</a></p>
          </div>
        </div>
      </div>
      <!-- / streamline -->
    </div>
      {% endif %}
  </div>
  <!-- / right col -->

{% endblock %}