{% 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="clone-info">
        <article class="card">
            <header class="card-top">
                <div class="navbar navbar-mini">
                    <ul>
                        <li><b>Clone</b></li>
                    </ul>
                    <x-buttonbox class="dialog-tools">
                        <button class="button-flat button-neutral big-button" type="submit" form="clone-form"><iconify-icon icon="mdi:close"></iconify-icon></button>
                    </x-buttonbox>
                </div>
            </header>
            <section class="card-main">
                <form id="clone-form">
                    <x-vbox class="nopad">
                        <label for="clone-url">Clone over HTTP</label>
                        <input id="clone-url" readonly value="{{ remote }}" size="80">
                    </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">
                {% if active_page == 'tree' %}
                    <iconify-icon icon="ic:baseline-folder-copy"></iconify-icon>
                {% else %}
                    <iconify-icon icon="ic:outline-folder-copy"></iconify-icon>
                {% endif %}
                Files
            </a>
        </li>
        <li class="{% if active_page == 'branches' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/branches">
                {% if active_page == 'branches' %}
                    <iconify-icon icon="mdi:directions-fork"></iconify-icon>
                {% else %}
                    <iconify-icon icon="mdi:directions-fork"></iconify-icon>
                {% endif %}
                Branches
            </a>
        </li>
        <li class="{% if active_page == 'log' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/log">
                {% if active_page == 'log' %}
                    <iconify-icon icon="ic:baseline-history"></iconify-icon>
                {% else %}
                    <iconify-icon icon="ic:outline-history"></iconify-icon>
                {% endif %}
                History
            </a>
        </li>
        <li class="{% if active_page == 'prs' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/prs">
                {% if active_page == 'prs' %}
                    <iconify-icon icon="mdi:comment-arrow-left"></iconify-icon>
                {% else %}
                    <iconify-icon icon="mdi:comment-arrow-left-outline"></iconify-icon>
                {% endif %}
                PRs
            </a>
        </li>
        <li class="{% if active_page == 'forum' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/forum">
                {% if active_page == 'forum' %}
                    <iconify-icon icon="ic:baseline-forum"></iconify-icon>
                {% else %}
                    <iconify-icon icon="ic:outline-forum"></iconify-icon>
                {% endif %}
                Forum
            </a>
        </li>
        <li class="{% if active_page == 'users' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/users">
                {% if active_page == 'users' %}
                    <iconify-icon icon="mdi:users"></iconify-icon>
                {% else %}
                    <iconify-icon icon="mdi:users-outline"></iconify-icon>
                {% endif %}
                Users
            </a>
        </li>
        <li class="{% if active_page == 'settings' %}selected{% endif %}">
            <a href="/{{ username }}/{{ repository }}/settings">
                {% if active_page == 'settings' %}
                    <iconify-icon icon="mdi:settings"></iconify-icon>
                {% else %}
                    <iconify-icon icon="mdi:settings-outline"></iconify-icon>
                {% endif %}
                Settings
            </a>
        </li>
    </ul>
{% endblock %}
<!--            <x-buttonbox>-->
<!--                {% if logged_in_user %}-->
<!--                    <a class="button" href="/{{ username }}/{{ repository }}/favourite">-->
<!--                        {% if not is_favourite %}-->
<!--                            <iconify-icon icon="mdi:star"></iconify-icon>-->
<!--                            Favourite-->
<!--                        {% else %}-->
<!--                            <iconify-icon icon="mdi:star"></iconify-icon>-->
<!--                            Remove favourite-->
<!--                        {% endif %}-->
<!--                    </a>-->
<!--                {% endif %}-->
<!--    &lt;!&ndash;                <button>&ndash;&gt;-->
<!--    &lt;!&ndash;                    <iconify-icon icon="mdi:chat-alert"></iconify-icon>&ndash;&gt;-->
<!--    &lt;!&ndash;                    follow&ndash;&gt;-->
<!--    &lt;!&ndash;                </button>&ndash;&gt;-->
<!--                <button onclick="document.getElementById('clone-info').showModal();">-->
<!--                    <iconify-icon icon="mdi:swap-vertical-bold"></iconify-icon>-->
<!--                    Clone-->
<!--                </button>-->
<!--    &lt;!&ndash;                <button>&ndash;&gt;-->
<!--    &lt;!&ndash;                    <iconify-icon icon="mdi:directions-fork"></iconify-icon>&ndash;&gt;-->
<!--    &lt;!&ndash;                    fork&ndash;&gt;-->
<!--    &lt;!&ndash;                </button>&ndash;&gt;-->
<!--            </x-buttonbox>-->