package page

import "git.haelnorr.com/h/oslstats/internal/view/layout"
import "git.haelnorr.com/h/oslstats/internal/view/component/form"

// Returns the login page
templ Register(username string) {
	@layout.Global("Register") {
		<div class="max-w-100 mx-auto px-2">
			<div class="mt-7 bg-mantle border border-surface1 rounded-xl">
				<div class="p-4 sm:p-7">
					<div class="text-center">
						<h1
							class="block text-2xl font-bold"
						>Set your display name</h1>
						<p
							class="mt-2 text-sm text-subtext0"
						>
							Select your display name. This must be unique, and cannot be changed.
						</p>
					</div>
					<div class="mt-5">
						@form.RegisterForm(username)
					</div>
				</div>
			</div>
		</div>
	}
}
