feat(auth): add password reset #178

template/auth/change_password.templ

@@ -1,17 +1,23 @@
 package auth
 
-templ ChangePasswordComp() {
+templ ChangePasswordComp(isPasswordReset bool) {
 	<form
 		class="max-w-xl px-2 mx-auto flex flex-col gap-4 h-full justify-center"
-		hx-post="/api/auth/change-password"
+		if isPasswordReset {
+			hx-post="/api/auth/reset-password-actual"
+		} else {
+			hx-post="/api/auth/change-password"
+		}
 		hx-swap="none"
 	>
 		<h2 class="text-6xl mb-10">
 			Change Password
 		</h2>
-		<label class="input input-bordered flex items-center gap-2">
-			<input type="password" class="grow" placeholder="Current Password" name="current-password"/>
-		</label>
+		if !isPasswordReset {
+			<label class="input input-bordered flex items-center gap-2">
+				<input type="password" class="grow" placeholder="Current Password" name="current-password"/>
+			</label>
+		}
 		<label class="input input-bordered flex items-center gap-2">
 			<input type="password" class="grow" placeholder="New Password" name="new-password"/>
 		</label>

template/auth/reset_password.templ

@@ -0,0 +1,19 @@
+package auth
+
+templ ResetPasswordComp() {
+	<form
+		class="max-w-xl px-2 mx-auto flex flex-col gap-4 h-full justify-center"
+		hx-post="/api/auth/reset-password"
+		hx-swap="none"
+	>
+		<h2 class="text-6xl mb-10">
+			Reset Password
+		</h2>
+		<label class="input input-bordered flex items-center gap-2">
+			<input type="email" class="grow" placeholder="E-Mail" name="email"/>
+		</label>
+		<button class="btn btn-primary self-end">
+			Request Password Reset
+		</button>
+	</form>
+}

template/auth/sign_in_or_up.templ

@@ -50,8 +50,9 @@ templ SignInOrUpComp(isSignIn bool) {
 		</label>
 		<div class="flex justify-end items-center gap-2">
 			if isSignIn {
+				<a href="/auth/reset-password" class="grow link text-gray-500 text-sm">Forgot Password?</a>
 				<a href="/auth/signup" class="link text-gray-500 text-sm">Don't have an account? Sign Up</a>
-				<button class="btn btn-primary self-end">
+				<button class="btn btn-primary">
 					Sign In
 				</button>
 			} else {