{% extends "questions/base.html" %}
{% from "layout/errorlist.html" import errorlist %}
{% from "upload/attachments.html" import attachments_form %}
{% from "includes/common_macros.html" import content_editor with context %}
{# L10n: {t} is the title of the question. #}
{% set title = _('Editing an answer | {t} | Firefox Support Forum')|f(t=answer.question.title) %}
{% set classes = 'answers' %}
{% set crumbs = [(url('questions.home'), _('Support Forums')),
                 (url('questions.details', answer.question.id), answer.question.title),
                 (None, _('Edit an answer'))] %}
{% set ga_content_group = "support-forum-answer-edit" %}
{% if answer.question.product %}
  {% set ga_products = "/" + answer.question.product.slug + "/" %}
{% endif %}
{% if answer.question.topic %}
  {% set ga_topics = "/" + answer.question.topic.slug + "/" %}
{% endif %}

{% block content %}
    <article class="main sumo-page-section">
      <div class="edit-answer highlight-box">
        <h2 class="sumo-page-heading">{{ _('Edit an answer') }}</h2>
        <ul class="info">
          <li>
            {{ _('Created by:') }}
            {{ answer.creator }}
          </li>
          <li>
            {{ _('Created:') }}
            {{ datetimeformat(answer.created, format='longdatetime') }}
          </li>
          {% if answer.updated_by %}
            <li>
              {{ _('Last updated by:') }}
              {{ answer.updated_by }}
            </li>
            <li>
              {{ _('Last updated:') }}
              {{ datetimeformat(answer.updated, format='longdatetime') }}
            </li>
          {% endif %}
          <li>
            {{ _('Question:') }}
            {{ answer.question.title }}
          </li>
        </ul>
        <form action="{{ url('questions.edit_answer', answer.question.id, answer.id) }}" method="post">
          {% csrf_token %}
          {{ errorlist(form) }}

          <div class="form-widget{% if form.content.errors %} invalid{% endif %}">
            {{ content_editor(form.content) }}
          </div>

          {{ attachments_form('questions.Answer', answer.pk, answer.images.all(), settings, request.user) }}
          <p>{{ _('When editing an answer, uploading new images or deleting existing ones will happen instantly.') }}</p>

          <div class="form-widget submit sumo-button-wrap reverse-on-desktop">
            <button type="submit" class="sumo-button primary-button">{{ _('Update answer') }}</button>
            <input type="submit" class="sumo-button secondary-button" id="preview" name="preview" value="{{ _('Preview Reply') }}"
              data-preview-url="{{ url('questions.answer_preview_async') }}"
              data-preview-container-id="answer-preview"
              data-preview-content-id="id_content" />
            <a class="sumo-button push-left" href="{{ url('questions.details', answer.question.id) }}">{{ _('Cancel') }}</a>
          </div>
        </form>

        <section id="answer-preview">
          {% if answer_preview %}
            {% include "questions/includes/answer_preview.html" %}
          {% endif %}
        </section>
      </div>
    </article>
{% endblock %}

{% block side %}
{% endblock %}