{{ define "repo/pulls/fragments/pullStack" }}
  <p class="text-sm font-bold p-2 dark:text-white">STACK</p>
  {{ block "pullList" (list .Stack $) }} {{ end }}

  {{ if gt (len .AbandonedPulls) 0 }}
    <p class="text-sm font-bold p-2 dark:text-white">ABANDONED PULLS</p>
    {{ block "pullList" (list .AbandonedPulls $) }} {{ end }}
  {{ end }}
{{ end }}

{{ define "summarizedHeader" }}
  <div class="flex text-sm items-center justify-between w-full">
    <div class="flex items-center gap-2 min-w-0 flex-1 pr-2">
      <div class="flex-shrink-0">
        {{ block "summarizedPullState" . }} {{ end }}
      </div>
      <span class="truncate text-sm text-gray-800 dark:text-gray-200">
        <span class="text-gray-500 dark:text-gray-400">#{{ .PullId }}</span>
        {{ .Title }}
      </span>
    </div>

    <div class="flex-shrink-0">
      {{ $latestRound := .LastRoundNumber }}
      {{ $lastSubmission := index .Submissions $latestRound }}
      {{ $commentCount := len $lastSubmission.Comments }}
      <span>
        <div class="inline-flex items-center gap-2">
          {{ i "message-square" "w-3 h-3 md:hidden" }}
          {{ $commentCount }}
          <span class="hidden md:inline">comment{{if ne $commentCount 1}}s{{end}}</span>
        </div>
      </span>
      <span class="mx-2 before:content-['·'] before:select-none"></span>
      <span>
        <span class="hidden md:inline">round</span>
        <span class="font-mono">#{{ $latestRound }}</span>
      </span>
    </div>
  </div>
{{ end }}

{{ define "summarizedPullState" }}
  {{ $fgColor := "text-gray-600 dark:text-gray-300" }}
  {{ $icon := "ban" }}

  {{ if .State.IsOpen }}
    {{ $fgColor = "text-green-600 dark:text-green-500" }}
    {{ $icon = "git-pull-request" }}
  {{ else if .State.IsMerged }}
    {{ $fgColor = "text-purple-600 dark:text-purple-500" }}
    {{ $icon = "git-merge" }}
  {{ else if .State.IsDeleted }}
    {{ $fgColor = "text-red-600 dark:text-red-500" }}
    {{ $icon = "git-pull-request-closed" }}
  {{ end }}

  {{ $style := printf "w-4 h-4 %s" $fgColor }}

  {{ i $icon $style }}
{{ end }}

{{ define "pullList" }}
  {{ $list := index . 0 }}
  {{ $root := index . 1 }}
  <div class="grid grid-cols-1 rounded border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700">
    {{ range $pull := $list }}
      {{ $isCurrent := false }}
      {{ with $root.Pull }}
        {{ $isCurrent = eq $pull.PullId $root.Pull.PullId }}
      {{ end }}
      <a href="/{{ $root.RepoInfo.FullName }}/pulls/{{ $pull.PullId }}" class="no-underline hover:no-underline hover:bg-gray-100/25 hover:dark:bg-gray-700/25">
        <div class="flex gap-2 items-center px-2 {{ if $isCurrent }}bg-gray-100/50 dark:bg-gray-700/50{{ end }}">
          {{ if $isCurrent }}
            <div class="flex-shrink-0">
              {{ i "arrow-right" "w-4 h-4" }}
            </div>
          {{ end }}
          <div class="{{ if not $isCurrent }} pl-6 {{ end }} flex-grow min-w-0 w-full py-2">
            {{ block "summarizedHeader" $pull }} {{ end }}
          </div>
        </div>
      </a>
    {{ end }}
  </div>
{{ end }}