{% extends "repo.html" %}
{% set active_page = "tree" %}

{% block title %}
    {% trans username=username, repository=repository %}Tree of {{ username }}/{{ repository }}{% endtrans %}
{% endblock %}
{% block content %}
<x-vbox>
    <x-frame style="--width: 896px;" class="flexible-space">
        <article class="card">
            <section class="card-main">
                <x-vbox>
                    <x-buttonbox>
                        {% include "path-bar.html" %}
                        <x-buttonbox>
                            <button onclick="history.back();" class="button-flat big-button" aria-label="{% trans %}Back{% endtrans %}">
                                <iconify-icon icon="mdi:arrow-left"></iconify-icon>
                            </button>
                            <button onclick="history.forward();" class="button-flat big-button" aria-label="{% trans %}Forwards{% endtrans %}">
                                <iconify-icon icon="mdi:arrow-right"></iconify-icon>
                            </button>
                            <a href="../" class="button button-flat big-button" aria-label="{% trans %}Up{% endtrans %}">
                                <iconify-icon icon="mdi:arrow-up"></iconify-icon>
                            </a>
                            <a href="/{{ username }}/{{ repository }}/tree/{{ current }}/" class="button button-flat big-button" aria-label="{% trans %}Home{% endtrans %}">
                                <iconify-icon icon="mdi:home"></iconify-icon>
                            </a>
                            <a href="" class="button button-flat big-button" aria-label="{% trans %}Refresh{% endtrans %}">
                                <iconify-icon icon="mdi:refresh"></iconify-icon>
                            </a>
                        </x-buttonbox>
                    </x-buttonbox>
                    {% include "tree-view.html" %}
                </x-vbox>
            </section>
        </article>
    </x-frame>
</x-vbox>
{% endblock %}