{% extends "base.html" %}
{% load i18n %}

{%block htmlclass%}
class="detail"{%endblock%}


{% block primary %}
<main>
    <article class="content">
        <header class="post-header">
        <h1 class="post-title">{% trans "Preview your comment" %}</h1>
        </header>

        {% load comments %}
<div class="comment-form-wrapper">
<div class="comment-form-header">
        <form action="{% comment_form_target %}" method="post" class="comment--form" style="margin-left: 0;">{% csrf_token %}
            {% if next %}<div><input type="hidden" name="next" value="{{ next }}" /></div>{% endif %}
            {% if form.errors %}
            <h3>{% if form.errors|length == 1 %}{% trans "Please correct the error below" %}{% else %}{% trans "Please correct the errors below" %}{% endif %}</h3>
            {% else %}
            <blockquote>{{ comment|linebreaks }}</blockquote>
            <p>
            <input type="submit" name="submit" class="submit-post btn" value="{% trans "Post your comment" %}" id="submit" /> <h3>{% trans "Or make changes" %}:</h3>
            </p>
            {% endif %}
            {% for field in form %}
            {% if field.is_hidden %}
            {{ field }}
            {% else %}
          <fieldset {% if field.errors %} class="error"{% endif %} {% if field.name == "honeypot" %} style="display:none;"{% endif%}>
                {{ field.label_tag }}
                {%if field.name == "comment"%}<div class="textarea-rounded">{{ field }}</div>{%else%}{{field}}{%endif%}
          </fieldset>
            {% endif %}
            {% endfor %}
          <div class="submit">
            <input type="submit" name="post" class="submit-post btn" value="{% trans "Post" %}" />
            <input type="submit" name="preview" class="submit-preview btn" value="{% trans "Preview" %}" />
          </div>
        </form>
          </div>
          </div>
    </article>
</main>
{% endblock %}