{{ define "title" }}new issue · {{ .RepoInfo.FullName }}{{ end }}

{{ define "repoContent" }}
    <form
        hx-post="/{{ .RepoInfo.FullName }}/issues/new"
        class="mt-6 space-y-6"
        hx-swap="none"
        hx-indicator="#spinner"
    >
        <div class="flex flex-col gap-4">
            <div>
                <label for="title">title</label>
                <input type="text" name="title" id="title" class="w-full" />
            </div>
            <div>
                <label for="body">body</label>
                <textarea
                    name="body"
                    id="body"
                    rows="6"
                    class="w-full resize-y"
                    placeholder="Describe your issue. Markdown is supported."
                ></textarea>
            </div>
            <div>
                <button type="submit" class="btn flex items-center gap-2">
                    create
                    <span id="spinner" class="group">
                      {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
                    </span>
                </button>
            </div>
        </div>
        <div id="issues" class="error"></div>
    </form>
{{ end }}