{% extends "repo.html" %}
{% set active_page = "forum" %}

{% block title %}
    {% trans subject=parent.subject, username=username, repository=repository %}{{ subject }} in {{ username }}/{{ repository }}{% endtrans %}
{% endblock %}
{% block content %}
<script src="/static/voting.js"></script>
<x-vbox style="--gap-box: 0;">
    <x-buttonbox id="forum-banner" class="box-center">
        <a href="." class="button icon-button">
            <iconify-icon icon="mdi:arrow-left"></iconify-icon>
        </a>
        <h1>{{ parent.root.subject }}</h1>

        <div class="flexible-space"></div>

        {% if has_permission %}
            <form action="{{ parent.root.number }}/change-state" method="post">
                {% if parent.root.state == 0 %}
                    <button type="submit" name="new-state" value="1" style="background: var(--color-done); color: var(--color-done-text);">
                        {% trans %}done{% endtrans %}
                    </button>
                {% elif parent.root.state == 1 %}
                    <button type="submit" name="new-state" value="0" style="background: var(--color-pending); color: var(--color-pending-text);">
                        {% trans %}active{% endtrans %}
                    </button>
                {% endif %}
            </form>
        {% endif %}
    </x-buttonbox>
    <x-frame style="--width: 896px;" class="flexible-space">
        <x-vbox>
            {% set post = parent %}
            {% set level = 0 %}
            {% include "post.html" %}
        </x-vbox>
    </x-frame>
</x-vbox>
{% endblock %}