{{ define "repo/pulls/fragments/pullCompareForks" }}
    <div id="patch-upload" class="flex flex-wrap items-center gap-2">
        <div class="flex flex-wrap gap-2 items-center">
            <select
                id="forkSelect"
                name="fork"
                required
                class="peer p-1 border border-gray-200 bg-white dark:bg-gray-700 dark:text-white dark:border-gray-600"
                hx-post="/{{ $.RepoInfo.FullName }}/pulls/new/refresh"
                hx-include="closest form"
                hx-target="#pr-compose-host"
                hx-swap="outerHTML"
                hx-trigger="change"
                hx-indicator="this"
            >
                <option disabled {{ if not $.Fork }}selected{{ end }}>Select a fork</option>
                {{ range .Forks }}
                    <option value="{{ .RepoDid }}" {{ if eq .RepoDid $.Fork }}selected{{ end }} class="py-1">
                        {{ .Did | resolve }}/{{ .Name }}
                    </option>
                {{ end }}
            </select>
            {{ i "loader-circle" "size-4 animate-spin hidden peer-[.htmx-request]:inline text-gray-500 dark:text-gray-400" }}
        </div>

        <div id="branch-selection">
            {{ if and .Fork .ForkBranches }}
                {{ template "repo/pulls/fragments/pullCompareForksBranches" (dict "SourceBranches" .ForkBranches "SourceBranch" .SourceBranch "RepoInfo" .RepoInfo) }}
            {{ else }}
                <div class="text-sm text-gray-500 dark:text-gray-400">
                    Select a fork first to view available branches
                </div>
            {{ end }}
        </div>
    </div>
{{ end }}