{{ define "graph.html" }}{{ template "base" . }}{{ end }}
{{ define "styles" }}<link rel="stylesheet" href="/static/css/graph.css">{{ end }}
{{ define "main" }}
{{ $slug := print "/" .Info.Slug }}
{{/* "150" here must match core.GraphPageSize -- buildCtx uses that
     constant to snap incoming ?ofs= values onto real page boundaries. */}}
{{ $g := mod "graph" "150" }}

  <header class="hero">
    <div class="hero-inner">
      <h1 class="page-title">Commit Graph</h1>
      <p class="page-subtitle">
        <span class="text-muted">{{ len $g.Rows }} commits across all refs &middot; {{ $g.Lanes }} lanes</span>
      </p>
    </div>
  </header>

{{ with $g.Rows }}
<div style="overflow-x:auto;">
  <table class="graph-table">
    <tbody>
    {{ range . }}
      <tr>
        <td class="graph-rail">{{ .Rail }}</td>
        <td class="graph-msg">
          {{ range .Refs }}<span class="chip chip-{{ if eq .Kind "tag" }}tag{{ else }}branch{{ end }}">{{ .Name }}</span>{{ end }}
          <a href="{{ $slug }}/commit/{{ .Commit.SHA }}">{{ trunc 88 .Commit.Subject }}</a>
        </td>
        <td class="graph-who text-xs text-muted">{{ .Commit.Author }}</td>
        <td class="graph-when text-xs text-muted"><time datetime="{{ rfc3339 .Commit.When }}">{{ date .Commit.When }}</time></td>
      </tr>
    {{ end }}
    </tbody>
  </table>
</div>

{{ else }}
  {{ if $g.HasPrev }}
    <div class="notice" style="text-align:center;"><span class="text-muted">No commits at this offset.</span></div>
  {{ else }}
    <div class="card" style="padding:2rem;text-align:center;">
      <p class="muted">No commits yet. This is a fresh repository.</p>
    </div>
  {{ end }}
{{ end }}

{{ if or $g.HasPrev $g.HasNext }}
  <nav class="pager" style="display:flex;justify-content:space-between;margin-top:1rem;">
    <span>{{ if $g.HasPrev }}<a href="?ofs={{ $g.PrevOfs }}">&larr; Newer</a>{{ end }}</span>
    <span>{{ if $g.HasNext }}<a href="?ofs={{ $g.NextOfs }}">Older &rarr;</a>{{ end }}</span>
  </nav>
{{ end }}
{{ end }}