{{ define "title" }}new pull | {{ .RepoInfo.FullName }}{{ end }}

{{ define "repoContent" }}
    <section class="prose">
    <p>
        This is v1 of the pull request flow. Paste your patch in the form below.
        Here are the steps to get you started:
        <ul class="list-decimal pl-10 space-y-2 text-gray-700">
            <li class="leading-relaxed">Clone this repository.</li>
            <li class="leading-relaxed">Make your changes in your local repository.</li>
            <li class="leading-relaxed">Grab the diff using <code class="bg-gray-100 px-1 py-0.5 rounded text-gray-800 font-mono text-sm">git diff</code>.</li>
            <li class="leading-relaxed">Paste the diff output in the form below.</li>
        </ul>
    </p>
    </section> 
    <form
        hx-post="/{{ .RepoInfo.FullName }}/pulls/new"
        class="mt-6 space-y-6"
        hx-swap="none"
    >
        <div class="flex flex-col gap-4">
            <div>
                <label for="title">write a title</label>
                <input type="text" name="title" id="title" class="w-full" />

                <label for="targetBranch">select a target branch</label>
                <p class="text-gray-500">
                    The branch you want to make your change against.
                </p>
                <select
                    name="targetBranch"
                    class="p-1 mb-2 border border-gray-200 bg-white"
                >
                    <option disabled selected>select a branch</option>
                    {{ range .Branches }}
                        <option value="{{ .Reference.Name }}" class="py-1">
                            {{ .Reference.Name }}
                        </option>
                    {{ end }}
                </select>
                <label for="body">add a description</label>
                <textarea
                    name="body"
                    id="body"
                    rows="6"
                    class="w-full resize-y"
                    placeholder="Describe your change. Markdown is supported."
                ></textarea>

                <div class="mt-4">
                    <label for="patch">paste your patch here</label>
                    <textarea
                        name="patch"
                        id="patch"
                        rows="10"
                        class="w-full resize-y font-mono"
                        placeholder="Paste your git diff output here."
                    ></textarea>
                </div>
            </div>
            <div>
                <button type="submit" class="btn">create</button>
            </div>
        </div>
        <div id="pull" class="error"></div>
    </form>
{{ end }}