{{define "content"}}
<nav aria-label="breadcrumb">
  <ul>
    <li><a href="/{{.Repo.Name}}">{{.Repo.Name}}</a></li>
    <li><a href="/{{.Repo.Name}}/bugs">Bugs</a></li>
    <li aria-current="page">{{.ID}}</li>
  </ul>
</nav>

<section aria-labelledby="timeline-heading">
  <h3 id="timeline-heading" class="visually-hidden">Timeline</h3>
  
  {{range .Timeline}}
  <article id="{{.ID}}" aria-labelledby="timeline-item-{{.ID}}">
    {{if eq .Type "create"}}
    <header>
      <h4 id="timeline-item-{{.ID}}">
        {{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}}
        {{$.Title}}
      </h4>
    </header>
    {{if .Message}}
    {{.Message}}
    {{else}}
    <em class="muted">No description provided.</em>
    {{end}}
    <footer>
      <strong>{{.Author}}</strong> opened this bug on
      <time datetime="{{.Timestamp | rfc3339}}">{{.Timestamp | formatDate}}</time>
      {{if $.Edited}}<em>(edited)</em>{{end}}
    </footer>
    
    {{else if eq .Type "comment"}}
    {{if .Message}}
    {{.Message}}
    {{else}}
    <em class="muted">No comment provided.</em>
    {{end}}
    <footer>
      <strong>{{.Author}}</strong> commented on
      <time datetime="{{.Timestamp | rfc3339}}">{{.Timestamp | formatDate}}</time>
      {{if .Edited}}<em>(edited)</em>{{end}}
    </footer>
    
    {{else if eq .Type "title"}}
    <strong>{{.Author}}</strong> changed the title to <strong>{{.Title}}</strong>.
    <footer>
      <time datetime="{{.Timestamp | rfc3339}}">{{.Timestamp | formatDate}}</time>
    </footer>
    
    {{else if eq .Type "status"}}
    <strong>{{.Author}}</strong> {{.Status}} the bug.
    <footer>
      <time datetime="{{.Timestamp | rfc3339}}">{{.Timestamp | formatDate}}</time>
    </footer>
    
    {{else if eq .Type "labels"}}
    <strong>{{.Author}}</strong>
    {{if .AddedLabels}}
    added label{{if gt (len .AddedLabels) 1}}s{{end}}
    {{range $i, $label := .AddedLabels}}{{if $i}}, {{end}}<code>{{$label}}</code>{{end}}
    {{end}}
    {{if and .AddedLabels .RemovedLabels}}and{{end}}
    {{if .RemovedLabels}}
    removed label{{if gt (len .RemovedLabels) 1}}s{{end}}
    {{range $i, $label := .RemovedLabels}}{{if $i}}, {{end}}<code>{{$label}}</code>{{end}}
    {{end}}
    <footer>
      <time datetime="{{.Timestamp | rfc3339}}">{{.Timestamp | formatDate}}</time>
    </footer>
    {{end}}
  </article>
  {{end}}
</section>
{{end}}