feat: add reset password email template

src/app/models/email.gleam

@@ -50,3 +50,46 @@ pub fn send_verify_user(
 
   Ok(data)
 }
+
+pub fn send_forgot_password(
+  email_api_key: String,
+  to: String,
+  reset_password_link: String,
+) -> Result(ApiData, AppError) {
+  // Create an email to send
+
+  let body =
+    [templates.forgot_password_confirmation(reset_password_link)]
+    |> curry2(layout)("Forgot Password Confirmation")
+    |> element.to_string
+
+  let email =
+    zeptomail.Email(
+      from: Addressee("Planktonsoft", "[email protected]"),
+      to: [Addressee(to, to)],
+      reply_to: [],
+      cc: [],
+      bcc: [],
+      body: zeptomail.HtmlBody(body),
+      subject: "Crappy Board: Forgot Password Confirmation",
+    )
+
+  // Prepare an API request that sends the email
+  let request = zeptomail.email_request(email, email_api_key)
+
+  // Send the API request using `gleam_httpc`
+  let assert Ok(response) = httpc.send(request)
+
+  // Parse the API response to verify success
+  use data <- result.then(
+    zeptomail.decode_email_response(response)
+    |> result.map_error(fn(error) {
+      io.debug(error)
+      case error {
+        _ -> error.ApiError(error)
+      }
+    }),
+  )
+
+  Ok(data)
+}

src/app/routes/user_routes.gleam

@@ -3,7 +3,7 @@ import app/helpers/constant
 import app/helpers/uuid
 import app/models/board.{create_board}
 import app/models/board_user.{create_board_user, list_board_user}
-import app/models/email.{send_verify_user}
+import app/models/email.{send_forgot_password, send_verify_user}
 import app/models/user.{create_user, get_user_by_email, signin_user}
 import app/pages
 import app/pages/layout.{layout}
@@ -269,7 +269,7 @@ pub fn post_forgot_password(req: Request, ctx: Context) {
 
     let reset_password_link = ctx.base_url <> "/reset-password?token=" <> token
 
-    send_verify_user(ctx.email_api_key, user_email, reset_password_link)
+    send_forgot_password(ctx.email_api_key, user_email, reset_password_link)
   }
 
   [pages.submit_forgot_password()]

src/app/templates.gleam

@@ -1,5 +1,10 @@
+import app/templates/forgot_password_confirmation
 import app/templates/signup_confirmation
 
 pub fn signup_confirmation(confirmation_link: String) {
   signup_confirmation.root(confirmation_link)
 }
+
+pub fn forgot_password_confirmation(reset_password_link: String) {
+  forgot_password_confirmation.root(reset_password_link)
+}

src/app/templates/forgot_password_confirmation.gleam

@@ -0,0 +1,17 @@
+import lustre/attribute.{attribute}
+import lustre/element.{type Element}
+import lustre/element/html
+
+pub fn root(reset_password_link: String) -> Element(t) {
+  html.div([attribute.class("email-container")], [
+    html.h1([], [element.text("Forgot Password Confirmation")]),
+    html.p([], [element.text("Please click the button below.")]),
+    html.a([attribute.href(reset_password_link)], [
+      element.text("Forgot Password"),
+    ]),
+    html.p([], [
+      element.text("If you didn’t forgot password, ignore this email."),
+    ]),
+    html.footer([], [element.text("© 2024 Planktonsoft. All rights reserved.")]),
+  ])
+}