{% extends "default.html" %}
{% block title %}
    Favourites
{% endblock %}
{% block breadcrumbs %}
    <li><a href="/favourites">Favourites</a></li>
{% endblock %}
{% block content %}
    <x-vbox>
        <x-frame style="--width: 896px;" class="flexible-space">
            <x-vbox>
                {% for favourite in favourites %}
                    <article class="card card-horizontal">
                        <section class="card-main flexible-space">
                            <h3><a href="{{ favourite.repoRoute }}">{{ favourite.repo.owner.username }}/{{ favourite.repo.name }}</a></h3>
                        </section>
                    </article>
                {% endfor %}
            </x-vbox>
        </x-frame>
    </x-vbox>
{% endblock %}