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

  <!-- Pulse Statistics -->
  {{if .Stats}}
    <div class="grid-4 mb-4">
      <div class="card p-3">
        <div class="flex items-center justify-between text-muted text-xs font-semibold uppercase mb-1">
          <span>{{t .Lang "activity.commits"}}</span>
          {{icon "git-commit" "size-4"}}
        </div>
        <div class="text-xl font-bold font-mono">{{.Stats.CommitCount}}</div>
        <div class="text-xs text-muted mt-1">{{t .Lang "activity.on_default_branch"}}</div>
      </div>

      <div class="card p-3">
        <div class="flex items-center justify-between text-muted text-xs font-semibold uppercase mb-1">
          <span>{{t .Lang "repo.tab.pulls"}}</span>
          {{icon "git-pull-request" "size-4"}}
        </div>
        <div class="flex items-baseline gap-2 font-mono">
          <span class="text-xl font-bold" style="color:hsl(var(--primary));">{{.Stats.OpenPRs}}</span>
          <span class="text-xs text-muted">/ {{.Stats.MergedPRs}} {{t .Lang "pulls.status.merged"}}</span>
        </div>
        <div class="text-xs text-muted mt-1">{{t .Lang "activity.pull_requests"}}</div>
      </div>

      <div class="card p-3">
        <div class="flex items-center justify-between text-muted text-xs font-semibold uppercase mb-1">
          <span>{{t .Lang "repo.tab.issues"}}</span>
          {{icon "issue" "size-4"}}
        </div>
        <div class="flex items-baseline gap-2 font-mono">
          <span class="text-xl font-bold" style="color:hsl(var(--primary));">{{.Stats.OpenIssues}}</span>
          <span class="text-xs text-muted">/ {{.Stats.ClosedIssues}} {{t .Lang "issue.status.closed"}}</span>
        </div>
        <div class="text-xs text-muted mt-1">{{t .Lang "activity.issues"}}</div>
      </div>

      <div class="card p-3">
        <div class="flex items-center justify-between text-muted text-xs font-semibold uppercase mb-1">
          <span>{{t .Lang "repo.tab.releases"}}</span>
          {{icon "tag" "size-4"}}
        </div>
        <div class="text-xl font-bold font-mono">{{.Stats.ReleaseCount}}</div>
        <div class="text-xs text-muted mt-1">{{t .Lang "activity.published_releases"}}</div>
      </div>
    </div>
  {{end}}

  <!-- Activity Timeline -->
  <div class="card">
    <div class="card-header flex items-center justify-between">
      <span class="font-semibold text-sm flex items-center gap-2">
        {{icon "activity" "size-4"}}
        <span>{{t .Lang "activity.recent_feed"}}</span>
      </span>
    </div>

    {{if .Items}}
      <div class="dense-list">
        {{range .Items}}
          <div class="dense-row" style="min-height:3rem;padding:0.6rem 0.85rem;">
            <div class="flex items-center gap-3 min-w-0">
              <span class="text-muted flex-shrink-0" style="display:inline-flex;align-items:center;">
                {{if eq .Type "commit"}}
                  <span style="color:hsl(var(--primary));">{{icon "git-commit" "size-4"}}</span>
                {{else if eq .Type "pull"}}
                  <span style="color:hsl(var(--accent));">{{icon "git-pull-request" "size-4"}}</span>
                {{else if eq .Type "issue"}}
                  <span style="color:hsl(var(--primary));">{{icon "issue" "size-4"}}</span>
                {{else if eq .Type "release"}}
                  <span style="color:hsl(var(--warning-fg, 38 92% 50%));">{{icon "tag" "size-4"}}</span>
                {{else}}
                  {{icon "activity" "size-4"}}
                {{end}}
              </span>

              <div class="flex flex-col min-w-0">
                <div class="flex items-center gap-2 flex-wrap min-w-0">
                  <a href="{{.Link}}" class="font-semibold text-sm truncate">{{.Title}}</a>
                  {{if .Subtitle}}
                    <span class="font-mono text-xs text-muted">{{.Subtitle}}</span>
                  {{end}}
                  {{if .Badge}}
                    <span class="badge badge-outline text-xs" style="padding:0.05rem 0.35rem;">{{activityBadge $.Lang .Type .Badge}}</span>
                  {{end}}
                </div>
                <div class="text-xs text-muted flex items-center gap-1.5 mt-0.5">
                  {{if .AuthorUsername}}
                    <span>@{{.AuthorUsername}}</span>
                    <span>·</span>
                  {{end}}
                  <span>{{timeAgo .CreatedAt $.Lang}}</span>
                </div>
              </div>
            </div>
          </div>
        {{end}}
      </div>
    {{else}}
      <div class="card-body text-xs text-muted">{{t .Lang "activity.empty"}}</div>
    {{end}}
  </div>
</div>
{{end}}