{% extends "default.html" %}
{% block title %}
    {{ username }}/{{ repository }}
{% endblock %}
{% block breadcrumbs %}
    <li><a href="/{{ username }}">{{ username }}</a></li>
    <li><a href="/{{ username }}/{{ repository }}">{{ repository }}</a></li>
{% endblock %}
{% block dialogs %}
    <dialog id="info">
        <article class="card">
            <header class="card-top">
                <div class="navbar navbar-mini">
                    <ul>
                        <li><b>{% trans %}Information{% endtrans %}</b></li>
                    </ul>
                    <x-buttonbox class="dialog-tools">
                        <button class="button-flat button-neutral big-button" type="submit" form="info-form"><iconify-icon icon="mdi:close"></iconify-icon></button>
                    </x-buttonbox>
                </div>
            </header>
            <section class="card-main" style="padding-top: var(--padding-card-top);">
                <form id="info-form">
                    <x-vbox>
                        <x-vbox class="nopad">
                            {{ repo_data.info | markdown }}
                        </x-vbox>
                        <x-vbox class="nopad">
                            <label for="clone-url">{% trans %}Clone over HTTP{% endtrans %}</label>
                            <input id="clone-url" readonly value="{{ remote }}" size="80">
                        </x-vbox>
                    </x-vbox>
                </form>
            </section>
        </article>
    </dialog>
{% endblock %}
{% block nav %}
    <ul id="repo-tabs">
        <li class="{% if active_page == 'tree' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/tree">
                {% trans %}Files{% endtrans %}
            </a>
        </li>
        <li class="{% if active_page == 'branches' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/branches">
                {% trans %}Branches{% endtrans %}
            </a>
        </li>
        <li class="{% if active_page == 'log' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/log">
                {% trans %}History{% endtrans %}
            </a>
        </li>
        <li class="{% if active_page == 'prs' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/prs">
                {% trans %}PRs{% endtrans %}
            </a>
        </li>
        <li class="{% if active_page == 'forum' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/forum">
                {% trans %}Forum{% endtrans %}
            </a>
        </li>
        <li class="{% if active_page == 'users' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/users">
                {% trans %}Users{% endtrans %}
            </a>
        </li>
        <li class="{% if active_page == 'settings' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/settings">
                {% trans %}Settings{% endtrans %}
            </a>
        </li>
    </ul>
    <div class="flexible-space"></div>

    <x-buttonbox>
        {% if logged_in_user %}
            <a title="{% trans %}Mark as favourite{% endtrans %}" class="button" href="/{{ username }}/{{ repository }}/favourite">
                {% if not is_favourite %}
                    {% trans %}Favourite{% endtrans %}
                {% else %}
                    {% trans %}Remove favourite{% endtrans %}
                {% endif %}
            </a>
        {% endif %}
        <button onclick="document.getElementById('info').showModal();">
            {% trans %}Information{% endtrans %}
        </button>
    </x-buttonbox>
{% endblock %}