{{ define "title" }}new repo{{ end }}

{{ define "content" }}
    <h1>new repo</h1>
    <form hx-post="/repo/new" class="mt-6 space-y-6" hx-swap="none">
        <div class="space-y-2">
            <label for="name" class="block">repo name</label>
            <input
                type="text"
                id="name"
                name="name"
                required
                class="w-full max-w-md"
            />
        </div>

        <fieldset class="space-y-3">
            <legend class="font-medium">select a knot</legend>
            <div class="space-y-2">
                {{ range .Knots }}
                    <div>
                        <label class="inline-flex items-center">
                            <input
                                type="radio"
                                name="domain"
                                value="{{ . }}"
                                class="mr-2"
                            />
                            <span>{{ . }}</span>
                        </label>
                    </div>
                {{ else }}
                    <p>No knots available</p>
                {{ end }}
            </div>
        </fieldset>

        <div class="space-y-2">
            <button type="submit" class="btn">create repo</button>
            <div id="repo" class="error"></div>
        </div>
    </form>
{{ end }}