{% load i18n %}
{% load comments %}
{% load comments_xtd %}

<ul id="comments" class="media-list">
  {% for comment in comment_list %}
  <li class="media">
    <a name="c{{ comment.id }}"></a>
    <div class="media-left">{{ comment.user_email|xtd_comment_gravatar }}</div>
    <div class="media-body">
      <div class="comment">
        <h6 class="media-heading">
          {{ comment.submit_date }}&nbsp;-&nbsp;{% if comment.url and not comment.is_removed %}<a href="{{ comment.url }}" target="_new">{% endif %}{{ comment.name }}{% if comment.url %}</a>{% endif %}&nbsp;&nbsp;<a class="permalink" title="comment permalink" href="{% get_comment_permalink comment %}">¶</a>
        </h6>
        {% if comment.is_removed %}
        <p>{% trans "This comment has been removed." %}</p>
        {% else %}
        <p>
          {{ comment.comment|render_markup_comment }}
          <br/>
          {% if comment.allow_thread and not comment.is_removed %}
          <a class="small mutedlink" href="{{ comment.get_reply_url }}">
            {% trans "Reply" %}
          </a>
          {% endif %}          
        </p>
        {% endif %}
      </div>
    </div>
  </li>
  {% endfor %}
</ul>
