{% load comments i18n %}
<form action="{% comment_form_target %}" method="post" id="comment-form" class="card bg-light card-body mb-3 ">
  <div>{% csrf_token %}</div>
  {% if form.non_field_errors %}
  <div class="alert alert-error">
    {{ form.non_field_errors }}
  </div>
  {% endif %}
  <fieldset>
    <legend>{% trans "Post your comment" %}</legend>
    <input type="hidden" name="next" value="{% url 'zinnia:comment_success' %}"/>
    {% for field in form %}
    {% if field.is_hidden %}{{ field }}{% else %}
    {% if user.email and field.name in "namemailurl" %}{% else %}
    <div{% if field.errors %} class="alert alert-error"{% endif %}{% ifequal field.name "honeypot" %} style="display:none;"{% endifequal %}>
      {% if field.errors %}{{ field.errors }}{% endif %}
      <div class="form-group">
        <label for="{{ field.id_for_label }}" class="col-xl-2 col-form-label">{{ field.label }}</label>
        <div class="col-xl-10">
          {% if field.id_for_label == "id_comment" %}
            <textarea id="{{ field.id_for_label }}" class="form-control" rows="10" name="{{ field.html_name }}">{% if field.value %}{{ field.value }}{% endif %}</textarea>
          {% else %}
            <input type="text" id="{{ field.id_for_label }}" class="form-control" {% if field.value %}value="{{ field.value }}"{% endif %} name="{{ field.html_name }}" />
          {% endif %}
        </div>
      </div>
    </div>
    {% endif %}
    {% endif %}
    {% endfor %}
    {% if user.is_authenticated %}
    <p class="auth">
      {% trans "Comment as" %} <strong>{% firstof user.get_full_name user.get_username %}</strong>. <a href="{% url 'admin:logout' %}">{% trans "Log out" %}</a>.
    </p>
    {% endif %}
    <p class="submit">
     <input type="submit" name="submit" class="submit-post btn btn-primary submit-preview" value="{% trans "Post" %}" />
      <input type="submit" name="preview" class="submit-preview btn btn-secondary submit-post" value="{% trans "Preview" %}" />
    </p>
  </fieldset>
</form>