package template

templ ChangePasswordComp(isPasswordReset bool) {
	<form
		class="max-w-xl px-2 mx-auto flex flex-col gap-4 h-full justify-center"
		if isPasswordReset {
			hx-post="/api/auth/forgot-password-actual"
		} else {
			hx-post="/api/auth/change-password"
		}
		hx-swap="none"
	>
		<h2 class="text-6xl mb-10">
			Change Password
		</h2>
		if !isPasswordReset {
			<label class="input flex items-center gap-2">
				<input
					type="password"
					class="grow"
					placeholder="Current Password"
					name="current-password"
					spellcheck="false"
					autocomplete="off"
					autocorrect="off"
					autocapitalize="off"
				/>
			</label>
		}
		<label class="input flex items-center gap-2">
			<input
				type="password"
				class="grow"
				placeholder="New Password"
				name="new-password"
				spellcheck="false"
				autocomplete="off"
				autocorrect="off"
				autocapitalize="off"
			/>
		</label>
		<button class="button button-primary px-2 self-end">
			Change Password
		</button>
	</form>
}