{% extends "repo.html" %}
{% block title %}
    History of {{ username }}/{{ repository }}
{% endblock %}
{% block content %}
<x-vbox>
    <x-frame style="--width: 896px;" class="flexible-space">
        <x-vbox>
            {% for commit in commits | reverse %}
                <article class="card card-horizontal">
                    <figure class="branch-icon">
                        <a href="/{{ commit.ownerName }}">
                            <img src="/info/{{ commit.ownerName }}/avatar" style="width: 48px; height: 48px;">
                        </a>
                    </figure>
                    <section class="card-main flexible-space">
                        <h3>{{ commit.message | split("\n") | first }}</h3>
                        <p>by <a href="/{{ commit.ownerName }}">{{ commit.ownerName }}</a>, <span title="{{ commit.authorDate | unixtime }}
received on {{ commit.receiveDate | strftime('%A, %e %B %Y, %H:%M:%S') }} ({{ commit.receiveDate | unixtime }})">{{ commit.authorDate | strftime("%A, %e %B %Y, %H:%M:%S") }}</span></p>
                        <code>{{ commit.sha }}</code>
                    </section>
                    <section>
                        <x-buttonbox style="align-items: center; height: 100%;">
                            <a class="button" href="/{{ username }}/{{ repository }}/tree/~{{ commit.sha }}">View tree</a>
                        </x-buttonbox>
                    </section>
                </article>
            {% endfor %}
        </x-vbox>
    </x-frame>
</x-vbox>
{% endblock %}