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

{% block title %}
    {% trans username=username, repository=repository %}PRs of {{ username }}/{{ repository }}{% endtrans %}
{% endblock %}
{% block content %}
<x-vbox>
    {% if logged_in_user %}
        <x-frame style="--width: 896px;" class="flexible-space">
            <form method="post">
                <x-hbox>
                    <input name="headroute" value="{{ repo_data.route }}" required>
                    <input name="head" style="flex: 0 1 auto;" required placeholder="{% trans %}Head branch{% endtrans %}">

                    <iconify-icon icon="mdi-light:arrow-right" style="font-size: 2em;"></iconify-icon>

                    <select name="base" style="flex: 0 1 auto;" required>
                        <option value="" selected>{% trans %}Base branch{% endtrans %}</option>
                        {% for branch in branches %}
                            <option value="{{ branch }}">{{ branch }}</option>
                        {% endfor %}
                    </select>
                    <button type="submit">{% trans %}Request merging{% endtrans %}</button>
                </x-hbox>
            </form>
        </x-frame>
    {% endif %}
    <x-frame style="--width: 896px;" class="flexible-space">
        <x-vbox>
            {% for pr in repo_data.bases %}
                <article class="card card-horizontal">
                    {% if pr.state == 0 %}
                        <div class="card-top state-label" style="background: var(--color-pending); color: var(--color-pending-text);">
                            {% trans %}pending{% endtrans %}
                        </div>
                    {% elif pr.state == 1 %}
                        <div class="card-top state-label" style="background: var(--color-merged); color: var(--color-merged-text);">
                            {% trans %}merged{% endtrans %}
                        </div>
                    {% elif pr.state == 2 %}
                        <div class="card-top state-label" style="background: var(--color-rejected); color: var(--color-rejected-text);">
                            {% trans %}rejected{% endtrans %}
                        </div>
                    {% endif %}
                    <section class="card-main flexible-space">
                        <h3>{{ pr.head_route }} ({{ pr.head_branch }})<br>{{ pr.base_route }} ({{ pr.base_branch }})</h3>
                        <p>{% trans %}Requested by{% endtrans %} <a href="/{{ pr.owner.username }}">{{ pr.owner.username }}</a> &bull; {{ pr.timestamp | strftime("%A, %e %B %Y, %H:%M:%S") }}</p>
                    </section>
                    <section>
                        <x-hbox>
                            <form action="delete" method="post">
                                <input type="hidden" name="id" value="{{ pr.id }}">
                                <button type="submit" class="button-flat">{% trans %}Deny{% endtrans %}</button>
                            </form>
                            <form action="merge" method="post">
                                <input type="hidden" name="id" value="{{ pr.id }}">
                                <button type="submit">{% trans %}Merge{% endtrans %}</button>
                            </form>
                        </x-hbox>
                    </section>
                </article>
            {% endfor %}
        </x-vbox>
    </x-frame>
</x-vbox>
{% endblock %}