{{template "setup.html" .}}
{{define "title"}}Complete Setup{{end}}
{{define "content"}}
<h2 class="text-xl font-bold mb-4">Almost Done!</h2>
<p class="text-base-content/70 mb-6">
    Give your website a name and description.
</p>

<form method="post" action="/setup/complete" class="space-y-4">
    <div class="form-control">
        <label class="floating-label">
            <span>Site Name</span>
            <input type="text" name="site_name" placeholder="My Website" class="input input-bordered w-full" value="My Website" required autofocus />
        </label>
    </div>

    <div class="form-control">
        <label class="floating-label">
            <span>Site Description</span>
            <textarea name="site_description" placeholder="A brief description of your website" class="textarea textarea-bordered w-full h-24"></textarea>
        </label>
    </div>

    <div class="form-control mt-6">
        <button type="submit" class="btn btn-primary">
            <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="M5 13l4 4L19 7" />
            </svg>
            Complete Setup
        </button>
    </div>
</form>
{{end}}