{{ define "title" }}
   interdiff of round #{{ .Round }} and #{{ sub .Round 1 }} · pull #{{ .Pull.PullId }} · {{ .RepoInfo.FullName }}
{{ end }}


{{ define "extrameta" }}
    {{ $title := printf "interdiff of %d and %d · %s · pull #%d · %s" .Round (sub .Round 1) .Pull.Title .Pull.PullId .RepoInfo.FullName }}
    {{ $url := printf "https://tangled.org/%s/pulls/%d/round/%d" .RepoInfo.FullName .Pull.PullId .Round }}

    {{ template "repo/fragments/og" (dict "RepoInfo" .RepoInfo "Title" (unescapeHtml $title) "Url" $url) }}
{{ end }}

{{ define "content" }}
  <section class="rounded drop-shadow-sm bg-white dark:bg-gray-800 py-4 px-6 dark:text-white">
    <header class="pb-2">
      <div class="flex gap-3 items-center mb-3">
        <a href="/{{ .RepoInfo.FullName }}/pulls/{{ .Pull.PullId }}/" class="flex items-center gap-2 font-medium">
          {{ i "arrow-left" "w-5 h-5" }}
          back
        </a>
        <span class="select-none before:content-['\00B7']"></span>
        interdiff of round #{{ .Round }} and #{{ sub .Round 1 }}
      </div>
      <div class="border-t border-gray-200 dark:border-gray-700 my-2"></div>
      {{ template "repo/pulls/fragments/pullHeader" . }}
    </header>
  </section>

{{ end }}

{{ define "mainLayout" }}
  <div class="px-1 col-span-full flex-grow flex flex-col gap-4">
    {{ block "contentLayout" . }}
      {{ block "content" . }}{{ end }}
    {{ end }}

    {{ block "contentAfterLayout" . }}
    <div class="flex-grow grid grid-cols-1 md:grid-cols-12 gap-4">
      <div class="flex flex-col gap-4 col-span-1 md:col-span-2">
        {{ block "contentAfterLeft" . }} {{ end }}
      </div>
      <main class="col-span-1 md:col-span-10">
        {{ block "contentAfter" . }}{{ end }}
      </main>
    </div>
    {{ end }}
  </div>
{{ end }}

{{ define "contentAfter" }}
  {{ template "repo/fragments/interdiff" (list .RepoInfo.FullName .Interdiff .DiffOpts) }}
{{end}}

{{ define "contentAfterLeft" }}
  <div class="flex flex-col gap-4 col-span-1 md:col-span-2">
    {{ template "repo/fragments/diffOpts" .DiffOpts }}
  </div>
  <div class="sticky top-0 flex-grow max-h-screen overflow-y-auto">
    {{ template "repo/fragments/interdiffFiles" .Interdiff }}
  </div>
{{end}}