{% extends "repo.html" %}
{% block title %}
    PRs of {{ username }}/{{ repository }}
{% endblock %}
{% block content %}
<x-vbox>
    {% if logged_in_user %}
        <x-frame style="--width: 896px;" class="flexible-space">
            <form method="post">
                <x-hbox>
                    <select name="head" style="flex: 0 1 auto;" required>
                        <option value="" selected>===Head branch===</option>
                        {% for branch in branches %}
                            <option value="{{ branch }}">{{ branch }}</option>
                        {% endfor %}
                    </select>

                    <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>===Base branch===</option>
                        {% for branch in branches %}
                            <option value="{{ branch }}">{{ branch }}</option>
                        {% endfor %}
                    </select>
                    <button type="submit">Send PR</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">
                    <section class="card-main flexible-space">
                        <h3>{{ pr.head_route }} ({{ pr.head_branch }})<br>{{ pr.base_route }} ({{ pr.base_branch }})</h3>
                        <p>Requested by <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">Deny</button>
                            </form>
                            <form action="merge" method="post">
                                <input type="hidden" name="id" value="{{ pr.id }}">
                                <button type="submit">Merge</button>
                            </form>
                        </x-hbox>
                    </section>
                </article>
            {% endfor %}
        </x-vbox>
    </x-frame>
</x-vbox>
{% endblock %}