{#include layout}
{#title}Commits at {ref} – {repo.name}{/title}
<div class="repo-layout">
    {#include RepositoryResource/sidebar nav=nav active='commits' /}
    <section class="repo-main">
        <p>Commits on <code>{ref}</code></p>
        <table>
            <tr><th>Commit</th><th>Message</th><th>Author</th><th>Date</th></tr>
            {#for commit in commits}
            <tr>
                <td><a href="/repos/{repo.ownerHandle}/{repo.name}/commit/{commit.id}"><code>{commit.shortId}</code></a></td>
                <td><a href="/repos/{repo.ownerHandle}/{repo.name}/commit/{commit.id}">{commit.message}</a></td>
                <td>{commit.author}</td>
                <td>{commit.date}</td>
            </tr>
            {/for}
        </table>
        <p class="pagination">
            {#if page > 0}
            <a class="btn btn-secondary" href="/repos/{repo.ownerHandle}/{repo.name}/commits/{ref}?page={prevPage}&size={size}">Newer</a>
            {/if}
            {#if hasNext}
            <a class="btn btn-secondary" href="/repos/{repo.ownerHandle}/{repo.name}/commits/{ref}?page={nextPage}&size={size}">Older</a>
            {/if}
        </p>
    </section>
</div>
{/include}