{# wagtail_simple_forum/templates/wagtail_simple_forum/base_forum.html #}
{% extends "base.html" %}
{% load static i18n %}

{% block extra_css %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'wagtail_simple_forum/css/forum.css' %}">
{% endblock %}

{% block extra_js %}
    {{ block.super }}
    <script src="{% static 'wagtail_simple_forum/js/prose_editor_codeblock.js' %}" defer></script>
{% endblock %}

{% block content %}
<div class="forum-wrapper">
    <div class="forum-header page-header">
        <div class="page-title-block">
            <h1 class="page-title">
                <i class="fa-solid fa-comments" aria-hidden="true"></i>
                {% trans "Forum" %}
            </h1>
        </div>
        <div class="forum-topbar">
            <nav class="forum-breadcrumbs" aria-label="{% trans 'Breadcrumbs' %}">
                <a href="{% url 'wagtail_simple_forum:forum_index' %}">
                    <i class="fa-solid fa-house-chimney" aria-hidden="true"></i>
                    {% trans "Forum" %}
                </a>
                {% block forum_breadcrumbs %}{% endblock forum_breadcrumbs %}
            </nav>
            <div class="forum-topbar-right">
                {% if user.is_authenticated %}
                    <a href="{% url 'wagtail_simple_forum:pm_inbox' %}"
                       class="forum-btn forum-btn--ghost forum-btn--sm">
                        <i class="fa-regular fa-envelope" aria-hidden="true"></i>
                        {% trans "PM" %}
                    </a>
                {% endif %}
                <form class="forum-search-form"
                      action="{% url 'wagtail_simple_forum:forum_search' %}"
                      method="get"
                      role="search">
                    <input type="search"
                           name="q"
                           placeholder="{% trans 'Search forum' %}"
                           aria-label="{% trans 'Search forum' %}"
                           {% if query %}value="{{ query }}"{% endif %}>
                    <button type="submit" aria-label="{% trans 'Search' %}">
                        <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>

    {% if messages %}
        <div class="forum-messages" role="status" aria-live="polite">
            {% for message in messages %}
                <div class="alert alert-{{ message.tags }}">{{ message }}</div>
            {% endfor %}
        </div>
    {% endif %}

    <div class="forum-content">
        {% block forum_content %}
        {% endblock forum_content %}
    </div>
</div>
{% endblock content %}