{{ define "repo/fragments/interdiff" }}
{{ $repo := index . 0 }}
{{ $x := index . 1 }}
{{ $opts := index . 2 }}
{{ $fileTree := fileTree $x.AffectedFiles }}
{{ $diff := $x.Files }}
{{ $last := sub (len $diff) 1 }}
{{ $isSplit := $opts.Split }}

<div class="flex flex-col gap-4">
  {{ range $idx, $hunk := $diff }}
    {{ with $hunk }}
      <details {{ if not (.Status.IsOnlyInOne) }}open{{end}} id="file-{{ .Name }}" class="border border-gray-200 dark:border-gray-700 w-full mx-auto rounded bg-white dark:bg-gray-800 drop-shadow-sm">
        <summary class="list-none cursor-pointer sticky top-0">
          <div id="diff-file-header" class="rounded cursor-pointer bg-white dark:bg-gray-800 flex justify-between">
            <div id="left-side-items" class="p-2 flex gap-2 items-center overflow-x-auto">
              <div class="flex gap-1 items-center" style="direction: ltr;">
                {{ $markerstyle := "diff-type p-1 mr-1 font-mono text-sm rounded select-none" }}
                {{ if .Status.IsOk }}
                  <span class="bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300 {{ $markerstyle }}">CHANGED</span>
                {{ else if .Status.IsUnchanged }}
                  <span class="bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300 {{ $markerstyle }}">UNCHANGED</span>
                {{ else if .Status.IsOnlyInOne }}
                  <span class="bg-red-100 text-red-700 dark:bg-red-800/50 dark:text-red-400 {{ $markerstyle }}">REVERTED</span>
                {{ else if .Status.IsOnlyInTwo }}
                  <span class="bg-green-100 text-green-700 dark:bg-green-800/50 dark:text-green-400 {{ $markerstyle }}">NEW</span>
                {{ else if .Status.IsRebased }}
                  <span class="bg-amber-100 text-amber-700 dark:bg-amber-800/50 dark:text-amber-400 {{ $markerstyle }}">REBASED</span>
                {{ else }}
                  <span class="bg-red-100 text-red-700 dark:bg-red-800/50 dark:text-red-400 {{ $markerstyle }}">ERROR</span>
                {{ end }}
              </div>

              <div class="flex gap-2 items-center overflow-x-auto" style="direction: rtl;">{{ .Name }}</div>
            </div>

          </div>
        </summary>

        <div class="transition-all duration-700 ease-in-out">
          {{ if .Status.IsUnchanged }}
            <p class="text-center text-gray-400 dark:text-gray-500 p-4">
            This file has not been changed.
            </p>
          {{ else if .Status.IsRebased }}
            <p class="text-center text-gray-400 dark:text-gray-500 p-4">
            This patch was likely rebased, as context lines do not match.
            </p>
          {{ else if .Status.IsError }}
            <p class="text-center text-gray-400 dark:text-gray-500 p-4">
            Failed to calculate interdiff for this file.
            </p>
          {{ else }}
            {{ if $isSplit }}
              {{- template "repo/fragments/splitDiff" .Split -}}
            {{ else }}
              {{- template "repo/fragments/unifiedDiff" . -}}
            {{ end }}
          {{- end -}}
        </div>

      </details>
    {{ end }}
  {{ end }}
</div>
{{ end }}