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

{% block title %}
    {% trans username=username, repository=repository %}Users of {{ username }}/{{ repository }}{% endtrans %}
{% endblock %}
{% block content %}
<x-vbox>
    <x-frame style="--width: 896px;" class="flexible-space">
        <x-vbox>
            {% for relationship in relationships %}
                <article class="card card-horizontal">
                    <figure class="branch-icon">
                        <a href="/{{ relationship.user.username }}">
                            <img src="/info/{{ relationship.user.username }}/avatar" style="width: 48px; height: 48px;">
                        </a>
                    </figure>
                    {% if user_relationship.access_level == 2 %}
                        <section class="card-main flexible-space">
                            <h3>{{ relationship.user.username }}</h3>
                            {% if relationship.user.username == username %}
                                {% trans %}Administrator / Owner{% endtrans %}
                            {% else %}
                                <form method="post">
                                    <input type="hidden" name="update-username" value="{{ relationship.user.username }}">
                                    <x-hbox>
                                        <select id="update-level" name="update-level">
                                            <option value="-1">{% trans %}Remove{% endtrans %}</option>
                                            <option value="0" {% if relationship.access_level == 0 %}selected{% endif %}>
                                                {% if repoData.visibility %}
                                                    {% trans %}Contributor{% endtrans %}
                                                {% else %}
                                                    {% trans %}Read-only{% endtrans %}
                                                {% endif %}
                                            </option>
                                            <option value="1" {% if relationship.access_level == 1 %}selected{% endif %}>{% trans %}Read-write{% endtrans %}</option>
                                            <option value="2" {% if relationship.access_level == 2 %}selected{% endif %}>{% trans %}Administrator{% endtrans %}</option>
                                        </select>
                                        <button type="submit">{% trans %}Update{% endtrans %}</button>
                                    </x-hbox>
                                </form>
                            {% endif %}
                        </section>
                    {% else %}
                        <section class="card-main flexible-space">
                            <h3>{{ relationship.user.username }}</h3>
                            {% if relationship.user.username == username %}
                                {% trans %}Administrator / Owner{% endtrans %}
                            {% elif relationship.access_level == 0 %}
                                {% if repo.visibility %}
                                    {% trans %}Contributor{% endtrans %}
                                {% else %}
                                    {% trans %}Read-only{% endtrans %}
                                {% endif %}
                            {% elif relationship.access_level == 1 %}
                                {% trans %}Read-write{% endtrans %}
                            {% elif relationship.access_level == 2 %}
                                {% trans %}Administrator{% endtrans %}
                            {% endif %}
                        </section>
                    {% endif %}
                </article>
            {% endfor %}
            {% if user_relationship.access_level == 2 %}
                <form method="POST">
                    <x-hbox style="align-items: flex-end;">
                        <x-vbox class="nopad flexible-space">
                            <label for="new-username">{% trans %}Username{% endtrans %}</label>
                            <input id="new-username" name="new-username" required>
                        </x-vbox>
                        <x-vbox class="nopad">
                            <label for="new-level">{% trans %}Level{% endtrans %}</label>
                            <select id="new-level" name="new-level" required>
                                {% if repo.visibility == 0 %}
                                    <option value="0">{% trans %}Read-only{% endtrans %}</option>
                                {% endif %}
                                <option value="1">{% trans %}Read-write{% endtrans %}</option>
                                <option value="2">{% trans %}Administrator{% endtrans %}</option>
                            </select>
                        </x-vbox>
                        <button type="submit">{% trans %}Add{% endtrans %}</button>
                    </x-hbox>
                </form>
            {% endif %}
        </x-vbox>
    </x-frame>
</x-vbox>
{% endblock %}