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

<header>
  <hgroup>
    <h2 id="commit-heading">{{.Commit.Message | commitSubject}}</h2>
    <p><strong>{{.Commit.Author.Name}}</strong> created <time datetime="{{.Commit.Author.When | rfc3339}}" data-tooltip="{{.Commit.Author.When | formatDate}}">{{.Commit.Author.When | relativeTime}}</time></p>
  </hgroup>
  {{$body := .Commit.Message | commitBody}}
  {{if $body}}
  <pre><code>{{$body}}</code></pre>
  {{end}}
  
  <nav aria-label="Commit actions">
    <ul>
      <li><a href="/{{.Repo.Name}}/tree/{{.Commit.ID}}">Browse file tree</a></li>
    </ul>
  </nav>
</header>

<section aria-labelledby="changes-heading">
  <h3 id="changes-heading">Change summary</h3>
  <pre aria-label="Diff statistics"><code>{{.Diff.Stats}}</code></pre>
</section>

<section aria-labelledby="diff-heading">
  <h3 id="diff-heading">Detailed changes</h3>
  {{range .Diff.Files}}
  <article aria-labelledby="file-{{.Name}}">
    <h4 id="file-{{.Name}}">
      {{if ne .OldName .Name}}
        {{.OldName}} → <a href="/{{$.Repo.Name}}/blob/{{$.Commit.ID}}/{{.Name}}">{{.Name}}</a>
      {{else}}
        <a href="/{{$.Repo.Name}}/blob/{{$.Commit.ID}}/{{.Name}}">{{.Name}}</a>
      {{end}}
      <small><a href="#file-{{.Name}}" class="secondary" title="Link to heading for {{.Name}}">🔗</a></small>
    </h4>
    <pre aria-label="Diff for {{.Name}}"><code>{{range .Sections}}{{range .Lines}}{{if eq .Type 2}}<ins>{{.Content}}</ins>{{else if eq .Type 3}}<del>{{.Content}}</del>{{else}}{{.Content}}{{end}}
{{end}}{{end}}</code></pre>
  </article>
  {{end}}
</section>
{{end}}