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

  <div class="flex items-center justify-between flex-wrap gap-2 mb-3">
    <div class="flex items-center gap-1.5">
      <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/pulls?state=open" class="btn {{if eq .CurrentState "open"}}btn-secondary{{else}}btn-ghost{{end}} btn-sm">
        <span style="color:hsl(var(--primary));">{{icon "git-pull-request" "size-3.5"}}</span>
        <span>{{t .Lang "pulls.open"}} ({{.OpenCount}})</span>
      </a>
      <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/pulls?state=merged" class="btn {{if eq .CurrentState "merged"}}btn-secondary{{else}}btn-ghost{{end}} btn-sm">
        <span style="color:hsl(var(--accent));">{{icon "git-merge" "size-3.5"}}</span>
        <span>{{t .Lang "pulls.merged"}} ({{.MergedCount}})</span>
      </a>
      <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/pulls?state=closed" class="btn {{if eq .CurrentState "closed"}}btn-secondary{{else}}btn-ghost{{end}} btn-sm">
        <span class="text-muted">{{icon "close" "size-3.5"}}</span>
        <span>{{t .Lang "pulls.closed"}} ({{.ClosedCount}})</span>
      </a>
    </div>

    {{if .CurrentUser}}
      <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/pulls/new" class="btn btn-primary btn-sm">
        {{icon "plus" "size-3.5"}}
        <span>{{t .Lang "pulls.new"}}</span>
      </a>
    {{end}}
  </div>

  {{if .Pulls}}
    <div class="card">
      <div class="dense-list">
        {{range .Pulls}}
          <div class="dense-row" style="min-height:3rem;padding:0.6rem 0.85rem;">
            <div class="flex items-center gap-2.5 min-w-0">
              {{if eq .Status "merged"}}
                <span style="color:hsl(var(--accent));">{{icon "git-merge" "size-4"}}</span>
              {{else if eq .Status "closed"}}
                <span class="text-muted">{{icon "close" "size-4"}}</span>
              {{else}}
                <span style="color:hsl(var(--primary));">{{icon "git-pull-request" "size-4"}}</span>
              {{end}}
              <div class="flex flex-col min-w-0">
                <div class="flex items-center gap-2 min-w-0 flex-wrap">
                  <a href="/{{$.Repo.OwnerUsername}}/{{$.Repo.Name}}/pulls/{{.Number}}" class="font-semibold text-sm truncate">{{.Title}}</a>
                  <span class="font-mono text-xs text-muted">#{{.Number}}</span>
                  <span class="badge badge-outline font-mono text-xs" style="padding:0.1rem 0.4rem;">{{.HeadBranch}} → {{.BaseBranch}}</span>
                </div>
                <div class="text-xs text-muted flex items-center gap-1.5 mt-0.5">
                  <span>@{{.AuthorUsername}}</span>
                  <span>·</span>
                  <span>{{timeAgo .CreatedAt $.Lang}}</span>
                  {{if eq .Status "merged"}}
                    <span>·</span>
                    <span style="color:hsl(var(--accent));font-weight:500;">{{t $.Lang "pulls.merged"}}</span>
                  {{end}}
                </div>
              </div>
            </div>
            <div class="flex items-center gap-2 text-xs text-muted flex-shrink-0">
              {{if gt .CommentCount 0}}
                <span class="flex items-center gap-1 font-mono">
                  {{icon "message" "size-3.5"}}
                  <span>{{.CommentCount}}</span>
                </span>
              {{end}}
            </div>
          </div>
        {{end}}
      </div>
    </div>
  {{else}}
    {{if .CurrentUser}}
      {{template "ui_empty_state" (dict "Icon" "git-pull-request" "Title" (t .Lang "pulls.empty") "ActionHref" (printf "/%s/%s/pulls/new" .Repo.OwnerUsername .Repo.Name) "ActionLabel" (t .Lang "pulls.new") "ActionIcon" "plus")}}
    {{else}}
      {{template "ui_empty_state" (dict "Icon" "git-pull-request" "Title" (t .Lang "pulls.empty"))}}
    {{end}}
  {{end}}
</div>
{{end}}