From 8fd61d8c79b08089b365bc8a2dc732f4efdfaf66 Mon Sep 17 00:00:00 2001
From: pydevazmi <pydevazmi@gmail.com>
Date: Sun, 7 Jul 2024 20:00:43 +0300
Subject: [PATCH] Test Using Email with Formspree

---
 index.html | 47 ++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 44 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index e8dce07..6141661 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,50 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Welcome</title>
+    <title></title>
 </head>
 <body>
-    <h1>hi</h1>
+    <form id="my-form" action="https://formspree.io/f/mpwazbgv" method="POST">
+        <label>Email:</label>
+        <input type="email" name="email" />
+        <label>Message:</label>
+        <input type="text" name="message" />
+        <button id="my-form-button">Submit</button>
+        <p id="my-form-status"></p>
+    </form>
+  
+    <script>
+        var form = document.getElementById("my-form");
+        
+        async function handleSubmit(event) {
+        event.preventDefault();
+        var status = document.getElementById("my-form-status");
+        var data = new FormData(event.target);
+        fetch(event.target.action, {
+            method: form.method,
+            body: data,
+            headers: {
+                'Accept': 'application/json'
+            }
+        }).then(response => {
+            if (response.ok) {
+            status.innerHTML = "Thanks for your Message!";
+            form.reset()
+            } else {
+            response.json().then(data => {
+                if (Object.hasOwn(data, 'errors')) {
+                status.innerHTML = data["errors"].map(error => error["message"]).join(", ")
+                } else {
+                status.innerHTML = "Oops! There was a problem submitting your form"
+                }
+            })
+            }
+        }).catch(error => {
+            status.innerHTML = "Oops! There was a problem submitting your form"
+        });
+        }
+        form.addEventListener("submit", handleSubmit)
+    </script>
+
 </body>
-</html>
\ No newline at end of file
+</html>
