{# wagtail_simple_forum/templates/wagtail_simple_forum/post_edit.html #}
{% extends "wagtail_simple_forum/base_forum.html" %}
{% load i18n forum_tags %}

{% block extra_css %}
    {{ block.super }}
    {{ form.media }}
{% endblock %}

{% block title %}{% trans "Edit post" %} — {% trans "Forum" %}{% endblock %}

{% block forum_breadcrumbs %}
    <span class="forum-breadcrumbs__sep" aria-hidden="true">›</span>
    <a href="{% url 'wagtail_simple_forum:section_view' slug=post.topic.section.slug %}">{{ post.topic.section.title }}</a>
    <span class="forum-breadcrumbs__sep" aria-hidden="true">›</span>
    <a href="{% url 'wagtail_simple_forum:topic_view' slug=post.topic.slug %}">{{ post.topic.title }}</a>
    <span class="forum-breadcrumbs__sep" aria-hidden="true">›</span>
    <span aria-current="page">{% trans "Editing" %}</span>
{% endblock %}

{% block forum_content %}
    <div class="forum-form-page">
        <h2 class="forum-form-page__title">
            <i class="fa-solid fa-pen-to-square" aria-hidden="true"></i>
            {% trans "Edit post" %}
        </h2>
        <div class="forum-edit-preview">
            <div class="forum-edit-preview__meta">
                <strong>{{ post.display_author_name }}</strong>
                <time datetime="{{ post.created_at|date:'c' }}">{{ post.created_at|date:"d.m.Y H:i" }}</time>
            </div>
            <div class="forum-edit-preview__body">{{ post.content|forum_html }}</div>
        </div>
        <form method="post" class="forum-form" novalidate>
            {% csrf_token %}
            {{ form.non_field_errors }}
            <div class="forum-field">
                <label for="{{ form.content.id_for_label }}" class="forum-field__label">
                    <i class="fa-solid fa-align-left" aria-hidden="true"></i>
                    {% trans "Message text" %}
                </label>
                <div class="forum-editor-wrap">{{ form.content }}</div>
                {% if form.content.errors %}<div class="forum-field__error">{{ form.content.errors.0 }}</div>{% endif %}
            </div>
            <div class="forum-form__actions">
                <a href="{% url 'wagtail_simple_forum:topic_view' slug=post.topic.slug %}#post-{{ post.id }}" class="forum-btn forum-btn--ghost">
                    <i class="fa-solid fa-arrow-left" aria-hidden="true"></i>
                    {% trans "Cancel" %}
                </a>
                <button type="submit" class="forum-btn forum-btn--primary">
                    <i class="fa-solid fa-floppy-disk" aria-hidden="true"></i>
                    {% trans "Save" %}
                </button>
            </div>
        </form>
    </div>
{% endblock forum_content %}