{{define "content"}}
<section aria-labelledby="bugs-heading">
  <h2 id="bugs-heading">Bugs</h2>

  <nav aria-label="Bug status filter">
    <ul>
      <li><a href="/{{.Repo.Name}}/bugs?status=all"{{if eq .Status "all"}} aria-current="page"{{end}}>All</a></li>
      <li><a href="/{{.Repo.Name}}/bugs?status=open"{{if eq .Status "open"}} aria-current="page"{{end}}>Open</a></li>
      <li><a href="/{{.Repo.Name}}/bugs?status=closed"{{if eq .Status "closed"}} aria-current="page"{{end}}>Closed</a></li>
    </ul>
  </nav>

  {{if .Bugs}}
  {{range .Bugs}}
  <article aria-labelledby="bug-{{.ID}}">
    <h3 id="bug-{{.ID}}">
      <code><a href="/{{$.Repo.Name}}/bug/{{.FullID}}">{{.ID}}</a></code>
      {{.Title}}
      <span class="badge badge-{{.Status}}">{{.Status}}</span>
    </h3>
    <footer>
      by <strong>{{.Author}}</strong> on
      <time datetime="{{.CreatedAt | rfc3339}}">{{.CreatedAt | formatDate}}</time>
      {{if gt .CommentCount 0}}
      • {{.CommentCount}} Comments
      {{end}}
      {{if .HasActivity}}
      • Last activity:
      <time datetime="{{.LastActivity | rfc3339}}">{{.LastActivity | formatDate}}</time>
      {{end}}
    </footer>
  </article>
  {{end}}

  {{if or .HasPrevPage .HasNextPage}}
  <nav aria-label="Pagination">
    <p>Page {{.Page}} of {{.TotalPages}}</p>
    <ul>
      {{if .HasPrevPage}}
      <li>
        <a href="/{{.Repo.Name}}/bugs?status={{.Status}}&page={{dec .Page}}" rel="prev"
          >Previous page</a
        >
      </li>
      {{end}}
      {{if .HasNextPage}}
      <li>
        <a href="/{{.Repo.Name}}/bugs?status={{.Status}}&page={{inc .Page}}" rel="next"
          >Next page</a
        >
      </li>
      {{end}}
    </ul>
  </nav>
  {{end}}
  {{else}}
  {{if eq .Status "all"}}
  <p>git-bug is initialised, but this repo has no bugs.</p>
  {{else if eq .Status "open"}}
  <p>No open bugs.</p>
  {{else if eq .Status "closed"}}
  <p>No closed bugs.</p>
  {{end}}
  {{end}}
</section>
{{end}}