{{define "content"}}
<nav aria-label="breadcrumb">
  <ul>
    <li><a href="/{{.Repo.Name}}">{{.Repo.Name}}</a></li>
    <li>{{.Ref}}</li>
  </ul>
</nav>

<section aria-labelledby="commits-heading">
  <h2 id="commits-heading">Commit log</h2>

  {{if .Commits}}
  {{range .Commits}}
  <article aria-labelledby="commit-{{.ID | shortHash}}">
    <h3 id="commit-{{.ID | shortHash}}">
      <code><a href="/{{$.Repo.Name}}/commit/{{.ID}}">{{.ID | shortHash}}</a></code>
      {{.Message | commitSubject}}
    </h3>
    {{$body := .Message | commitBody}}
    {{if $body}}
    <details>
      <summary>Click to expand commit body</summary>
      <pre>{{$body}}</pre>
    </details>
    {{end}}
    <p>
      by <strong>{{.Author.Name}}</strong> on
      <time datetime="{{.Author.When | rfc3339}}">{{.Author.When | formatDate}}</time>
    </p>
  </article>
  {{end}}

  {{if or .HasPrevPage .HasNextPage}}
  <nav aria-label="Pagination">
    <p>Page {{.Page}} of {{.TotalPages}}</p>
    <ul>
      {{if .HasPrevPage}}
      <li>
        <a href="/{{.Repo.Name}}/commits/{{.Ref}}?page={{dec .Page}}" rel="prev"
          >Previous page</a
        >
      </li>
      {{end}}
      {{if .HasNextPage}}
      <li>
        <a href="/{{.Repo.Name}}/commits/{{.Ref}}?page={{inc .Page}}" rel="next"
          >Next page</a
        >
      </li>
      {{end}}
    </ul>
  </nav>
  {{end}}
  {{else}}
  <p>No commits yet</p>
  {{end}}
</section>
{{end}}