{% extends "default.html" %}
{% block title %}
    {% trans %}Favourites{% endtrans %}
{% endblock %}
{% block breadcrumbs %}
    <li><a href="/favourites">{% trans %}Favourites{% endtrans %}</a></li>
{% endblock %}
{% block content %}
    <x-vbox>
        <x-frame style="--width: 896px;" class="flexible-space">
            <x-vbox>
                {% if favourites|length > 0 %}
                    {% for favourite in favourites %}
                        <article class="card card-horizontal">
                            <section class="card-main flexible-space">
                                <h3><a href="{{ favourite.repo.route }}">{{ favourite.repo.owner.username }}/{{ favourite.repo.name }}</a></h3>
                            </section>
                        </article>
                    {% endfor %}
                {% else %}
                    <p>{% trans %}When you add favourite repositories, you can manage them from here.{% endtrans %}</p>
                {% endif %}
            </x-vbox>
        </x-frame>
    </x-vbox>
{% endblock %}