{{define "content"}}
<div class="container">
  {{template "repo_header" .}}

  <div class="flex items-center justify-between flex-wrap gap-2 mb-3">
    <div class="dropdown" data-dropdown>
      <button type="button" class="btn btn-outline btn-sm font-mono" data-dropdown-trigger aria-haspopup="true" aria-expanded="false">
        {{icon "git-branch" "size-3.5"}}
        <span>{{.Ref}}</span>
        {{icon "chevron-down" "size-3.5"}}
      </button>
      <div class="dropdown-menu" data-dropdown-menu role="menu" style="min-width:13rem;">
        <div class="palette-group-title">{{t .Lang "repo.branches"}}</div>
        {{range .Branches}}
          <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/commits/{{.}}" class="dropdown-item font-mono {{if eq . $.Ref}}active{{end}}" role="menuitem">
            <span class="flex items-center gap-2">{{icon "git-branch" "size-3.5"}} {{.}}</span>
            {{if eq . $.Ref}}{{icon "check" "size-3.5"}}{{end}}
          </a>
        {{end}}
      </div>
    </div>

    <span class="text-xs text-muted">{{t .Lang "repo.history"}} · {{.Ref}}</span>
  </div>

  {{if .Commits}}
    <div class="card">
      {{range .Commits}}
        <div class="dense-row" style="min-height:2.6rem;padding:0.4rem 0.85rem;">
          <div class="flex items-center gap-2.5 min-w-0">
            {{icon "git-commit" "size-4"}}
            <div class="min-w-0">
              <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/commit/{{.Hash}}" class="font-medium text-sm truncate block">{{.Subject}}</a>
              <div class="text-xs text-muted flex items-center gap-1.5 mt-1">
                <span>{{.AuthorName}}</span>
                <span>·</span>
                <span>{{timeAgo .AuthoredAt $.Lang}}</span>
              </div>
            </div>
          </div>

          <div class="flex items-center gap-1.5">
            <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/commit/{{.Hash}}" class="btn btn-outline btn-sm font-mono">{{.ShortHash}}</a>
            <button type="button" class="btn btn-ghost btn-icon" style="width:1.7rem;height:1.7rem;" data-copy="{{.Hash}}" aria-label="{{t $.Lang "common.copy"}}">
              {{icon "copy" "size-3.5"}}
            </button>
          </div>
        </div>
      {{end}}
    </div>

    <div class="flex items-center justify-between mt-4">
      {{if gt .Page 1}}
        <a href="?page={{sub .Page 1}}" class="btn btn-outline btn-sm">{{icon "arrow-left" "size-3.5"}} {{t .Lang "common.newer"}}</a>
      {{else}}
        <span></span>
      {{end}}
      {{if .HasMore}}
        <a href="?page={{add .Page 1}}" class="btn btn-outline btn-sm">{{t .Lang "common.older"}} {{icon "arrow-right" "size-3.5"}}</a>
      {{end}}
    </div>
  {{else}}
    {{template "ui_empty_state" (dict "Icon" "git-commit" "Title" (t .Lang "repo.no_commits"))}}
  {{end}}
</div>
{{end}}