{{define "content"}}
{{$repo := .Data.Repo}}
<header class="repo-head compact">
  <div class="repo-title">
    <span class="repo-icon lg" aria-hidden="true">
      <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 5.5A1.5 1.5 0 0 1 5.5 4H9l1.5 2H18a1.5 1.5 0 0 1 1.5 1.5v9A1.5 1.5 0 0 1 18 18H5.5A1.5 1.5 0 0 1 4 16.5z"/></svg>
    </span>
    <div><h1>{{$repo.Name}}</h1></div>
  </div>
</header>
{{template "repotabs" (dict "Repo" $repo "Ref" .Data.Ref "Tab" "commits" "CanManage" .Data.CanManage "CommitCount" .Data.CommitCount "BranchCount" .Data.BranchCount)}}

<div class="repo-grid">
  <div class="repo-main">
    <div class="list-head">
      <div class="branchpick">
        <span class="bp-label">分支</span>
        <code class="ref">{{.Data.Ref}}</code>
      </div>
      <span class="muted">共 {{num .Data.Total}} 次提交</span>
    </div>
    <div class="card commitbox">
      <ul class="commitrows">
        {{range .Data.Commits}}
        <li>
          {{template "avin" (dict "N" .Author "S" 30)}}
          <div class="crow-main">
            <a class="crow-subject" href="/{{$repo.Name}}/commit/{{.SHA}}">{{.Subject}}</a>
            <div class="crow-meta">
              <span>{{.Author}}</span><span class="dot">·</span>
              <span title="{{datetime .When}}">{{timeago .When}}</span>
              {{if .IsMerge}}<span class="tag tag-plain">merge</span>{{end}}
            </div>
          </div>
          <div class="crow-actions">
            <code class="csha">{{short .SHA}}</code>
            <a class="btn btn-mini" href="/{{$repo.Name}}/tree/{{short .SHA}}">浏览</a>
          </div>
        </li>
        {{else}}
        <li class="crow-empty">
          <div class="crow-main">
            <span class="muted">这个仓库还没有提交记录，推送第一个版本后就会出现在这里。</span>
            <div class="crow-meta"><a href="/{{$repo.Name}}">返回仓库主页查看推送指引 →</a></div>
          </div>
        </li>
        {{end}}
      </ul>
    </div>
    {{if or .Data.HasPrev .Data.HasNext}}
    <nav class="pager">
      {{if .Data.HasPrev}}<a class="btn btn-ghost" href="/{{$repo.Name}}/commits/{{.Data.Ref}}?page={{.Data.PrevPage}}">← 上一页</a>{{end}}
      <span class="muted">第 {{.Data.Page}} 页</span>
      {{if .Data.HasNext}}<a class="btn btn-ghost" href="/{{$repo.Name}}/commits/{{.Data.Ref}}?page={{.Data.NextPage}}">下一页 →</a>{{end}}
    </nav>
    {{end}}
  </div>
  <aside class="repo-side">
    <div class="card about">
      <h3>切换分支</h3>
      <ul class="branchlist">
        {{range .Data.Branches}}
        <li class="{{if eq .Name $.Data.Ref}}on{{end}}"><a href="/{{$repo.Name}}/commits/{{.Name}}">{{.Name}}</a><span class="muted">{{timeago .When}}</span></li>
        {{end}}
      </ul>
      {{if .Data.Tags}}
      <h3>标签</h3>
      <ul class="branchlist">
        {{range .Data.Tags}}<li><a href="/{{$repo.Name}}/commit/{{.SHA}}">{{.Name}}</a><span class="muted">{{timeago .When}}</span></li>{{end}}
      </ul>
      {{end}}
    </div>
  </aside>
</div>
{{end}}