{% extends "core/article_page.html" %}
{% load molo_commenting_tags wagtailcore_tags %}
{% block content %}
{% get_comments_content_object for form as self %}
<div class="comments">
  {% if messages %}
  <ul class="messages">
    {% for message in messages %}
      <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
    {% endfor %}
  </ul>
  {% endif %}
  {% if request.user.is_authenticated %}
    <form id="comment-form" action="{% url 'molo.commenting:molo-comments-post' %}#comments-list" method="post" class="comments__form" novalidate>
    {% csrf_token %}
      <div class="input-group{% if form.comment.errors %} input-error{% endif %}">
        {% if form.errors %}
          <p class="errors">{% trans "Please correct the error below" %}</p>
        {% endif %}
        {{ form.comment }}
        {% if form.comment.errors %}{{ form.comment.errors }}{% endif %}
      </div>
      <button type="submit" name="submit" class="call-to-action__button call-to-action__button--primary">{% trans "Comment" %}</button>
      <button type="submit" name="submit_anonymously" class="call-to-action__button call-to-action__button--primary call-to-action__button--secondary">{% trans "Comment Anonymously" %}</button>
      {{ form.object_pk }}
      {{ form.content_type }}
      {{ form.timestamp }}
      {{ form.security_hash }}
      <input type="hidden" name="next" value="{% pageurl self %}" />
      {% if comment.id %}
      <input type="hidden" name="parent" id="parent_id" value="{{ comment.id }}" />
      {% endif %}
    </form>
  {% else %}
    <div class="heading heading__micro">
      <p>
        <a href="{{ LOGIN_URL }}" class="call-to-action__hyperlink">
          {% trans "Please Log in here to leave a comment." %}</a>
      </p>
    </div>
  {% endif %}
</div>
{% endblock %}