{#if view.prefillError}

{/if}

Source

{@render tab("branch", "Compare branches", "Select a source branch")} {@render tab( "fork", "Compare forks", "Select a fork and branch as the source" )} {@render tab( "patch", "Paste patch", "Paste a git diff or git format-patch", true )}

{#if view.source === "patch"} {#snippet children({ id })}

</div>
					{:else}
						<div class="flex flex-col gap-3 md:flex-row md:flex-wrap">
							<Field label="Merge into" class="min-w-48">
								{#snippet children({ id })}
									<Select
										{id}
										{...branchSearch}
										label="Merge into"
										options={targetOptions}
										value={view.targetBranch}
										placeholder={view.targetBranch
											? undefined
											: "Target branch"}
										onSelect={(value) => navigate({ targetBranch: value })}
									/>
								{/snippet}
							</Field>

{#if view.source === "fork"}
								<Field label="Pull from" class="min-w-48">
									{#snippet children({ id })}
										<Select
											{id}
											rich
											label="Pull from"
											searchPlaceholder="Find a fork…"
											emptyLabel="No fork matches"
											options={forkOptions}
											value={view.fork}
											placeholder={view.fork ? undefined : "Select a fork"}
											disabled={laneLoading}
											onSelect={(value) => navigate({ fork: value })}
										/>
									{/snippet}
								</Field>
								{#if view.fork && view.forkBranches.length > 0}
									<Field label="Branch" class="min-w-48">
										{#snippet children({ id })}
											<Select
												{id}
												{...branchSearch}
												label="Branch"
												options={forkBranchOptions}
												value={view.sourceBranch}
												placeholder={view.sourceBranch
													? undefined
													: "Source branch"}
												onSelect={(value) =>
													navigate({ sourceBranch: value })}
											/>
										{/snippet}
									</Field>
								{/if}
							{:else}
								<Field label="Pull from" class="min-w-48">
									{#snippet children({ id })}
										<Select
											{id}
											{...branchSearch}
											label="Pull from"
											options={branchOptions}
											value={view.sourceBranch}
											placeholder={view.sourceBranch
												? undefined
												: "Source branch"}
											onSelect={(value) => navigate({ sourceBranch: value })}
										/>
									{/snippet}
								</Field>
							{/if}
						</div>
						{#if view.source === "fork" && !(view.fork && view.forkBranches.length > 0)}
							<p class="typography-paragraph-small text-foreground-muted">
								Select a fork first to view available branches
							</p>
						{/if}
					{/if}
				</div>
			</section>

<section class="relative flex flex-col gap-3 border-l border-border-default pl-6">
				<StepMarker class="absolute top-0 -left-3">2</StepMarker>
				<h3 class="my-0 typography-paragraph-large font-medium text-foreground-default">
					Details
				</h3>
				{#if !view.showDetails}
					{@render notice(
						view.source === "patch"
							? "Paste a patch above to describe your change."
							: "Pick a source and target above to describe your change."
					)}
				{:else}
					<div class="flex flex-col gap-4">
						<Field label="Title" required>
							{#snippet children({ id })}
								<Input
									{id}
									name="title"
									required
									bind:value={title}
									disabled={save.loading}
									placeholder="One-line summary of your change."
								/>
							{/snippet}
						</Field>

<Field label="Body">
							{#snippet children({ id })}
								<MarkdownEditor
									{id}
									name="body"
									rows={6}
									placeholder="Describe your change. Markdown is supported."
									{markup}
									bind:value={body}
									disabled={save.loading}
								/>
							{/snippet}
						</Field>

<div class="flex items-center justify-end gap-2">
							<AccountSelector
								{accounts}
								bind:value={() => acting?.did ?? "", (did) => (picked = did)}
								label="Open as"
								disabled={save.loading}
								group="pull-compose"
								class="mr-auto"
							/>
							<Button
								type="submit"
								variant="primary"
								icon={save.loading ? Spinner : GitPullRequestCreate}
								disabled={!canSubmit}
							>
								Create pull request
							</Button>
						</div>
					</div>
				{/if}
			</section>
		</form>
	</TabPanel>

{#if view.showDetails && view.source !== "patch"}
		<Card padding="small" class="space-y-2">
			{#if view.commitsError}
				{@render notice(view.commitsError, true)}
			{:else if commits.length === 0}
				{@render notice(
					view.sourceBranch === view.targetBranch
						? "Source and target are the same branch, nothing to merge."
						: "No commits between target and source. Make sure your source branch has commits not on the target."
				)}
			{:else}
				<PullCommitListHeader {commits} bind:showChangeIds />
				<PullCommitList
					{commits}
					bind:showChangeIds
					selection={{
						mode: "range",
						range: commitRange,
						oncommit: (range) => (stagedRange = range)
					}}
				/>
			{/if}
		</Card>
	{/if}

{#if hasChanges}
		<DiffView
			deps={diffDeps}
			diff={diff.data}
			error={diff.error}
			loading={diff.loading}
			{patchUrl}
			patch={patchStream}
			treeCollapsed
		/>
	{/if}
</div>