{{ define "fragments/pullCompareBranches" }}
<div id="patch-upload">
  <label for="targetBranch" class="dark:text-white">configure branches</label>
  <div class="flex flex-wrap gap-2 items-center">
    <select
        required
        name="targetBranch"
        class="p-1 border border-gray-200 bg-white dark:bg-gray-700 dark:text-white dark:border-gray-600"
        >
        <option disabled selected>target branch</option>
        {{ range .Branches }}
        <option value="{{ .Reference.Name }}" class="py-1">
        {{ .Reference.Name }}
        </option>
        {{ end }}
    </select>

    {{ i "move-left" "w-5 h-5" }}

    <select
        name="sourceBranch"
        class="p-1 border border-gray-200 bg-white dark:bg-gray-700 dark:text-white dark:border-gray-600"
        >
        <option disabled selected>source branch</option>
        {{ range .Branches }}
        <option value="{{ .Reference.Name }}" class="py-1">
        {{ .Reference.Name }}
        </option>
        {{ end }}
    </select>

    <span class="text-sm">
      ... or upload a patch
      <button
        class="btn text-sm"
        hx-get="/{{ .RepoInfo.FullName }}/pulls/new/patch-upload"
        hx-swap="outerHTML"
        hx-target="#patch-upload"
        >
        upload patch
      </button>
    </span>
  </div>

</div>
{{ end }}