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

{% block title %}
    {% trans username=username, repository=repository %}Branches of {{ username }}/{{ repository }}{% endtrans %}
{% endblock %}
{% block content %}
<x-vbox>
    <x-frame style="--width: 896px;" class="flexible-space">
        <h2>{% trans %}Branches{% endtrans %}</h2>
        <x-vbox>
            {% for branch in repo.branches %}
                <article class="card card-horizontal">
                    <figure style="background-color: var(--color-branch); color: var(--color-branch-text);" class="branch-icon">
                        <iconify-icon icon="{% if repo_data.defaultBranch == branch.name %}mdi:star{% else %}mdi:source-branch{% endif %}"></iconify-icon>
                    </figure>
                    <section class="card-main flexible-space">
                        <h3>{{ branch.name }}</h3>
                        {% if repo_data.defaultBranch == branch.name %}
                            <p>{% trans %}Default{% endtrans %}</p>
                        {% endif %}
                        <code>{{ branch.commit.hexsha }}</code>
                    </section>
                    <section>
                        <x-buttonbox style="align-items: center; height: 100%;">
                            <a class="button" href="/{{ username }}/{{ repository }}/tree/{{ branch.name | replace('/', '~') }}">{% trans %}View tree{% endtrans %}</a>
                        </x-buttonbox>
                    </section>
                </article>
            {% endfor %}
        </x-vbox>
        <h2>{% trans %}Tags{% endtrans %}</h2>
        <x-vbox>
            {% for tag in repo.tags %}
                <article class="card card-horizontal">
                    <figure style="background-color: var(--color-tag); color: var(--color-tag-text);" class="branch-icon">
                        <iconify-icon icon="mdi:tag"></iconify-icon>
                    </figure>
                    <section class="card-main flexible-space">
                        <h3>{{ tag.name }}</h3>
                        <code>{{ tag.commit.hexsha }}</code>
                    </section>
                    <section>
                        <x-buttonbox style="align-items: center; height: 100%;">
                            <a class="button" href="/{{ username }}/{{ repository }}/tree/tag:{{ tag.name | replace('/', '~') }}">{% trans %}View tree{% endtrans %}</a>
                        </x-buttonbox>
                    </section>
                </article>
            {% endfor %}
        </x-vbox>
    </x-frame>
</x-vbox>
{% endblock %}