{% extends "repo.html" %}
{% 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>
                    <section class="card-main flexible-space">
                        <h3>{{ relationship.user.username }}</h3>
                        {% if relationship.user.username == username %}
                            Owner
                        {% elif relationship.accessLevel == 0 %}
                            {% if repo.visibility %}
                                Contributor
                            {% else %}
                                Read-only
                            {% endif %}
                        {% elif relationship.accessLevel == 1 %}
                            Read-write
                        {% elif relationship.accessLevel == 2 %}
                            Administrator
                        {% endif %}
                    </section>
            {% endfor %}
        </x-vbox>
    </x-frame>
</x-vbox>
{% endblock %}