{% 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">
        {% if not parent.root %}
            <a href="." class="button icon-button">
                <iconify-icon icon="mdi:arrow-left"></iconify-icon>
            </a>
            <h1>{{ parent.subject }}</h1>

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

            <form action="{{ parent.number }}/change-state" method="post">
                {% if parent.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.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>
        {% else %}
            <a href="." class="button icon-button">
                <iconify-icon icon="mdi:arrow-left"></iconify-icon>
            </a>
            <h1>{{ parent.root.subject }}</h1>
        {% 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 %}