{{template "setup.html" .}}
{{define "title"}}Create Admin Account{{end}}
{{define "content"}}
<h2 class="text-xl font-bold mb-4">Create Admin Account</h2>
<p class="text-base-content/70 mb-6">
    This account will have full access to manage your website.
</p>

<div id="error"></div>
<form hx-post="/setup/account" hx-target="#error" hx-swap="innerHTML" hx-disabled-elt="find [type='submit']" class="space-y-4">
    <div class="form-control">
        <label class="floating-label">
            <span>Your Name</span>
            <input type="text" name="name" placeholder="John Doe" class="input input-bordered w-full" required autofocus />
        </label>
    </div>

    <div class="form-control">
        <label class="floating-label">
            <span>Email Address</span>
            <input type="email" name="email" placeholder="you@example.com" class="input input-bordered w-full" required />
        </label>
    </div>

    <div class="form-control">
        <label class="floating-label">
            <span>Password (min 8 characters)</span>
            <input type="password" name="password" placeholder="********" class="input input-bordered w-full" minlength="8" required />
        </label>
    </div>

    <div class="form-control mt-6">
        <button type="submit" class="btn btn-primary">
            Create Account
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" />
            </svg>
        </button>
    </div>
</form>
{{end}}