{{ define "compare.html" }}{{ template "base" . }}{{ end }}
{{ define "styles" }}<link rel="stylesheet" href="/static/css/diff.css">{{ end }}
{{ define "main" }}
{{ $slug := print "/" .Info.Slug }}
{{ $c := mod "compare" }}

  <header class="hero">
    <div class="hero-inner">
      <h1 class="page-title">Compare</h1>
      <p class="page-subtitle">
        <code style="color:var(--accent);">{{ $c.Base }}</code>
        {{ if $c.ThreeDot }}&hellip;{{ else }}..{{ end }}
        <code style="color:var(--accent);">{{ $c.Head }}</code>
        <span class="text-muted">&middot; {{ len $c.Commits }} commits</span>
      </p>
    </div>
  </header>

<div class="facts-bar">
  <div class="fact">
    <span class="fact-label">base</span>
    <span class="fact-value"><a href="{{ $slug }}/commit/{{ $c.BaseSHA }}"><code>{{ trunc 12 $c.BaseSHA }}</code></a></span>
  </div>
  <div class="fact">
    <span class="fact-label">head</span>
    <span class="fact-value"><a href="{{ $slug }}/commit/{{ $c.HeadSHA }}"><code>{{ trunc 12 $c.HeadSHA }}</code></a></span>
  </div>
  {{ with $c.MergeBase }}
  <div class="fact">
    <span class="fact-label">merge base</span>
    <span class="fact-value"><code>{{ trunc 12 . }}</code></span>
  </div>
  {{ end }}
</div>

<article class="card">
  <header class="page-head">
    <h2 class="page-subtitle">Changed files</h2>
  </header>
  {{ template "diffstat" (dict "Base" $slug "Ref" $c.HeadSHA "Diff" $c.Diff) }}
</article>

{{ with $c.Commits }}
  <article class="card">
    <header class="page-head"><h2 class="page-subtitle">Commits</h2></header>
    {{ template "commit-table" (dict "Base" $slug "Commits" .) }}
  </article>
{{ end }}

{{ with $c.Diff.Patch }}<div class="diff">{{ patch . }}</div>{{ end }}
{{ end }}