{{ define "title" }}
  comparing {{ .Base }} and {{ .Head }} on {{ .RepoInfo.FullName }}
{{ end }}

{{ define "repoContent" }}
  {{ template "repo/fragments/compareForm" . }}
  {{ $isPushAllowed := and .LoggedInUser .RepoInfo.Roles.IsPushAllowed }}
  {{ if $isPushAllowed }}
    {{ template "repo/fragments/compareAllowPull" . }}
  {{ end }}
{{ end }}

{{ define "topbarLayout" }}
  {{ template "layouts/topbar" . }}
{{ end }}

{{ define "contentLayout"  }}
  {{ block "content" . }}{{ end }}
{{ end }}

{{ define "contentAfterLayout"  }}
  <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
    <div class="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 }}

{{ define "footerLayout"  }}
  {{ template "layouts/footer" . }}
{{ end }}

{{ define "contentAfter" }}
  {{ template "repo/fragments/diff" (list .RepoInfo.FullName .Diff .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 mt-4">
    {{ template "repo/fragments/diffChangedFiles" .Diff }}
  </div>
{{end}}