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

{% block title %}
    {% trans basename=basename, username=username, repository=repository %}{{ basename }} in {{ 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" %}
                        <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>
                    {% include "file-view.html" %}
                </x-vbox>
            </section>
        </article>
    </x-frame>
</x-vbox>
{% endblock %}