From cf21c55b1659e97255ae15ff956f8a5f8443cc28 Mon Sep 17 00:00:00 2001
From: Harish-osmosys <121787291+Harish-osmosys@users.noreply.github.com>
Date: Thu, 29 Feb 2024 10:21:03 +0530
Subject: [PATCH] feat: add base email template (#18)

* feat: add base template

* fix: use internal css instead of inline

* fix: update forget password template

* fix: remove unused tags

* fix: update file name
---
 .../Templates/Emails/BaseTemplate.html        | 80 +++++++++++++++++++
 .../Emails/ForgetPasswordTemplate.html        | 12 ---
 .../Emails/ResetPasswordTemplate.html         | 78 ++++++++++++++++++
 3 files changed, 158 insertions(+), 12 deletions(-)
 create mode 100644 DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/BaseTemplate.html
 delete mode 100644 DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/ForgetPasswordTemplate.html
 create mode 100644 DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/ResetPasswordTemplate.html
diff --git a/DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/BaseTemplate.html b/DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/BaseTemplate.html
new file mode 100644
index 0000000..7b2f156
--- /dev/null
+++ b/DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/BaseTemplate.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Password Reset</title>
+    <style>
+      table {
+        width: 100%;
+        max-width: 600px;
+        margin: 20px auto;
+        border-radius: 8px;
+        overflow: hidden;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        background: #e5ebe1;
+        font-family: "Arial", sans-serif;
+      }
+
+      th {
+        text-align: center;
+        padding: 20px;
+      }
+
+      .logo {
+        max-width: 90px;
+        border-radius: 8px;
+      }
+
+      h2 {
+        color: #40b01b;
+        margin-top: 0px;
+      }
+
+      td {
+        padding: 20px;
+      }
+
+      .footer {
+        background-color: #b3c6a6;
+        text-align: center;
+        padding: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <table>
+      <thead>
+        <tr>
+          <th colspan="2">
+            <img
+              src="https://i.postimg.cc/3wC1mFSj/logo.png"
+              alt="Logo Image"
+              class="logo"
+            />
+            <h2>FoundationX</h2>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td colspan="2">
+            <p>Hello,</p>
+            <p>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed
+              commodi dolor cupiditate sit consequatur nostrum, alias, excepturi
+              voluptas recusandae quaerat placeat eveniet soluta! Impedit quasi
+              iste rem quisquam natus illum?
+            </p>
+            <p>Thank you,<br />FoundationX Team</p>
+          </td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr class="footer">
+          <td>Contact us at <strong>info@example.com</strong></td>
+        </tr>
+      </tfoot>
+    </table>
+  </body>
+</html>
diff --git a/DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/ForgetPasswordTemplate.html b/DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/ForgetPasswordTemplate.html
deleted file mode 100644
index 1106862..0000000
--- a/DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/ForgetPasswordTemplate.html
+++ /dev/null
@@ -1,12 +0,0 @@
-﻿<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Forget Password Token</title>
-</head>
-<body>
-    <h3>Use this token to reset your password.</h3>
-    <p><strong>Token :</strong> {body}</p>
-</body>
-</html>
diff --git a/DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/ResetPasswordTemplate.html b/DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/ResetPasswordTemplate.html
new file mode 100644
index 0000000..330ab89
--- /dev/null
+++ b/DotnetFoundation/DotnetFoundation.Api/wwwroot/Templates/Emails/ResetPasswordTemplate.html
@@ -0,0 +1,78 @@
+﻿<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Password Reset</title>
+    <style>
+      table {
+        width: 100%;
+        max-width: 600px;
+        margin: 20px auto;
+        border-radius: 8px;
+        overflow: hidden;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        background: #e5ebe1;
+        font-family: "Arial", sans-serif;
+      }
+
+      th {
+        text-align: center;
+        padding: 20px;
+      }
+
+      .logo {
+        max-width: 90px;
+        border-radius: 8px;
+      }
+
+      h2 {
+        color: #40b01b;
+        margin-top: 0px;
+      }
+
+      td {
+        padding: 20px;
+      }
+
+      .footer {
+        background-color: #b3c6a6;
+        text-align: center;
+        padding: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <table>
+      <thead>
+        <tr>
+          <th colspan="2">
+            <img
+              src="https://i.postimg.cc/3wC1mFSj/logo.png"
+              alt="Logo Image"
+              class="logo"
+            />
+            <h2>FoundationX</h2>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td colspan="2" style="padding: 20px">
+            <p>Hello,</p>
+            <div>
+              <strong>Use this token to reset your password.</strong>
+              <p><strong>Token :</strong> {body}</p>
+            </div>
+            <p>Thank you,<br />FoundationX Team</p>
+          </td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr class="footer">
+          <td>Contact us at <strong>info@example.com</strong></td>
+        </tr>
+      </tfoot>
+    </table>
+  </body>
+</html>
