{{define "waitlistForm"}}
<form
    hx-post="/partials/waitlist"
    hx-target="#waitlist-result"
    hx-swap="outerHTML"
    class="waitlist-form"
>
    <fieldset class="edition-checkboxes">
        <legend>I'm interested in:</legend>
        <label class="edition-checkbox">
            <input type="checkbox" name="edition" value="server"{{if eq .Edition "server"}} checked{{end}}>
            <span>Server</span>
        </label>
        <label class="edition-checkbox">
            <input type="checkbox" name="edition" value="workstation"{{if eq .Edition "workstation"}} checked{{end}}>
            <span>Workstation</span>
        </label>
        <label class="edition-checkbox">
            <input type="checkbox" name="edition" value="cloud"{{if eq .Edition "cloud"}} checked{{end}}>
            <span>Cloud</span>
        </label>
    </fieldset>
    <input
        type="email"
        name="email"
        placeholder="you@example.com"
        required
        class="input"
    >
    <button type="submit" class="btn">Get Early Access</button>
</form>
<div id="waitlist-result"></div>
<p class="waitlist-note">No spam. No tracking. We'll only email you when there's something to try.</p>
{{end}}
