{% extends "user-profile.html" %}
{% set active_page = "repositories" %}

{% block content %}
    <x-frame style="--width: 768px;">
        <ul style="list-style: none;" class="noindent">
            {% if repos %}
                {% for repo in repos %}
                    <li>
                        <article class="card" style="flex: 0 1 auto;">
                            <section class="card-main">
                                <a href="{{ repo.route }}"><h3>{{ repo.name }}</h3></a>
                                {% if repo.info %}
                                    <p>{{ repo.info }}</p>
                                {% endif %}
                                {% if repo.url %}
                                    <p>
                                        Homepage: <a href="{{ repo.url }}">{{ repo.url }}</a>
                                    </p>
                                {% endif %}
                            </section>
                        </article>
                    </li>
            {% endfor %}
        {% else %}
            {% trans %}This user doesn't own any repositories.{% endtrans %}
        {% endif %}
        </ul>
    </x-frame>
{% endblock %}