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

{% block title %}
    {% trans username=username, repository=repository %}Forum of {{ username }}/{{ repository }}{% endtrans %}
{% endblock %}
{% block content %}
<x-vbox>
    <x-frame style="--width: 896px;" class="flexible-space">
        <x-vbox>
            <form class="hbox">
                <input type="text" name="q" placeholder="{% trans %}Search...{% endtrans %}" value="{{ query }}" aria-label="{% trans %}Search query{% endtrans %}">
                <select name="state" aria-label="{% trans %}State{% endtrans %}">
                    <option value="">{% trans %}all{% endtrans %}</option>
                    <option value="0" {% if require_state == "0" %}selected{% endif %}>{% trans %}done{% endtrans %}</option>
                    <option value="1" {% if require_state == "1" %}selected{% endif %}>{% trans %}active{% endtrans %}</option>
                </select>
                <select name="label" aria-label="{% trans %}Label{% endtrans %}">
                    <option value="">{% trans %}all{% endtrans %}</option>
                    {% for label in repo_data.labels %}
                        <option value="{{ label.identifier }}" {% if label.identifier == require_label %}selected{% endif %}>{{ label.name }}</option>
                    {% endfor %}
                </select>
                <button type="submit">{% trans %}Search{% endtrans %}</button>
            </form>
            {% for post in results %}
                <article class="card card-horizontal">
                    {% if post.state == 0 %}
                        <div class="card-top state-label" style="background: var(--color-done); color: var(--color-done-text);">
                            {% trans %}done{% endtrans %}
                        </div>
                    {% elif post.state == 1 %}
                        <div class="card-top state-label" style="background: var(--color-pending); color: var(--color-pending-text);">
                            {% trans %}active{% endtrans %}
                        </div>
                    {% endif %}
                    <section class="card-main">
                        <a href="/{{ username }}/{{ repository }}/forum/{{ post.number }}"><h2>{{ post.subject }}</h2></a>
                        <p class="post-details"><a href="/{{ post.owner.username }}" class="post-author">{{ post.owner.username }}</a> &bull; {{ post.date | strftime("%A, %e %B %Y, %H:%M:%S") }}</p>
                        <p>{{ post.html | safe }}</p>
                    </section>
                </article>
            {% endfor %}
        </x-vbox>
        {% include "pagination.html" %}
    </x-frame>
</x-vbox>
{% endblock %}