{% import "macros.html" as macros %}

{% include "question/question_card.html" %}

{% if answers %}
    <div class="clean"></div>

    {% include "question/answer_tab_bar.html" %}

    <div class="clean"></div>
    {{ macros.paginator(paginator_context, anchor='#sort-top') }}
    <div class="clean"></div>

    {% for answer in answers %}
        {% if answers|length > 1 and loop.index == 2 %}
            <div class="banner">{{ settings.QUESTION_PAGE_ANSWER_BANNER|safe }}</div>
        {% endif %}
        {% include "question/answer_card.html" %}
    {% endfor %}

    {{ macros.paginator(paginator_context, anchor='#sort-top') }}
    <div class="clean"></div>
{% endif %}

{# buttons below cannot be cached yet #}
{% if new_answer_allowed %}
    {% include "question/new_answer_form.html" %}
{% else %}
    <div style="margin-top: 15px">
        <a
            class="button submit"
            href="{% url "edit_answer" previous_answer.id %}"
        >{% trans %}Edit Your Previous Answer{% endtrans %}</a>
        <span>{% trans %}(only one answer per user is allowed){% endtrans %}</span>
        <div class="invisible">
            {# hidden because we still need js from the tinymce widget #}
            {% include "question/new_answer_form.html" %}
        </div>
    </div>
{% endif %}
{% if question.closed == False and request.user == question.author %}{# this is outside the form on purpose #}
<input 
  type="button"
  class="submit after-editor answer-own-question"
  id="fmanswer_button"
  value="{% trans %}Answer Your Own Question{% endtrans %}"
/>
{% endif %}