{{define "content"}}
<nav aria-label="breadcrumb">
  <ul>
    <li><a href="/{{.Repo.Name}}">{{.Repo.Name}}</a></li>
    {{if ne .Path "."}}
    <li><a href="/{{.Repo.Name}}/tree/{{.Ref}}">{{if .IsCommitHash}}{{.Ref | shortHash}}{{else}}{{.Ref}}{{end}}</a></li>
    {{range $i, $part := splitPath .Path}}
    <li{{if eq $i (dec (len (splitPath $.Path)))}} aria-current="page"{{end}}>
      {{if eq $i (dec (len (splitPath $.Path)))}}
        {{$part}}
      {{else}}
        <a href="/{{$.Repo.Name}}/tree/{{$.Ref}}/{{joinPath $i $}}">{{$part}}</a>
      {{end}}
    </li>
    {{end}}
    {{else}}
    <li>{{if .IsCommitHash}}{{.Ref | shortHash}}{{else}}{{.Ref}}{{end}}</li>
    {{end}}
  </ul>
</nav>

<section aria-labelledby="file-list-heading">
  <h2 id="file-list-heading">File tree</h2>
  {{if .Entries}}
  <table aria-label="Directory contents">
    <thead>
      <tr>
        <th scope="col">Name</th>
        <th scope="col">Size</th>
      </tr>
    </thead>
    <tbody style="font-family: var(--pico-font-family-monospace);">
      {{if ne .Path "."}}
      <tr>
        <td><a href="/{{.Repo.Name}}/tree/{{.Ref}}/{{parentPath .Path}}" aria-label="Parent directory">..</a></td>
        <td aria-label="Directory">-</td>
      </tr>
      {{end}}
      {{range .Entries}}
      <tr>
        <td>
          <a href="/{{$.Repo.Name}}/{{if .IsTree}}tree{{else}}blob{{end}}/{{$.Ref}}/{{if ne $.Path "."}}{{$.Path}}/{{end}}{{.Name}}"{{if .IsTree}} aria-label="Directory: {{.Name}}"{{else}} aria-label="File: {{.Name}}"{{end}}>
            {{.Name}}{{if .IsTree}}/{{end}}
          </a>
        </td>
        <td>{{if .IsTree}}-{{else}}{{.Size | humanizeSize}}{{end}}</td>
      </tr>
      {{end}}
    </tbody>
  </table>
  {{else}}
  <p>Empty directory</p>
  {{end}}
</section>
{{end}}