{{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=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>
      <li><a href="/{{.Repo.Name}}/bugs?status=all"{{if eq .Status "all"}} aria-current="page"{{end}}>All</a></li>
    </ul>
  </nav>

  {{if .Bugs}}
  {{range .Bugs}}
  <article aria-labelledby="bug-{{.ID}}">
    <h3 id="bug-{{.ID}}">
      {{if eq $.Status "all"}}
      {{if eq .Status "open"}}
      <svg class="bug-status-icon bug-status-icon-open" aria-label="Open bug" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke-width="2">
        <circle cx="8" cy="8" r="6" />
      </svg>
      {{else if eq .Status "closed"}}
      <svg class="bug-status-icon bug-status-icon-closed" aria-label="Closed bug" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke-width="2">
        <circle cx="8" cy="8" r="6" />
        <path d="M5 8 l2 2 l4 -4" stroke-linecap="round" stroke-linejoin="round" />
      </svg>
      {{end}}
      {{end}}
      <code><a href="/{{$.Repo.Name}}/bug/{{.FullID}}">{{.ID}}</a></code>
      {{.Title}}
      {{if .Labels}}{{range $i, $label := .Labels}}{{if $i}} {{end}}<span class="bug-label" style="--label-color: {{$label.Color}}">{{$label.Name}}</span>{{end}}{{end}}
    </h3>
     <footer>
       {{if .AuthorAvatar}}<img src="{{.AuthorAvatar}}" alt="" class="avatar" loading="lazy" referrerpolicy="no-referrer">{{end}}<strong>{{.Author}}</strong> opened <time datetime="{{.CreatedAt | rfc3339}}" data-tooltip="{{.CreatedAt | formatDate}}">{{.CreatedAt | relativeTime}}</time>
       {{if gt .CommentCount 0}}
       • {{.CommentCount}} comments
       {{end}}
       {{if .HasActivity}}
       • Updated <time datetime="{{.LastActivity | rfc3339}}" data-tooltip="{{.LastActivity | formatDate}}">{{.LastActivity | relativeTime}}</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}}