Spaces:

0vergeared
/

otp-space

Sleeping

0vergeared commited on Jul 29, 2025

Commit

0883572

verified ·

1 Parent(s): d9fbe52

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -1,20 +1,26 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <title>OTP Installer</title>
-</head>
 <body>
-    <h2>Enter OTP to Proceed</h2>
-    <form method="POST">
-        <input type="text" name="otp" placeholder="Enter OTP" required />
-        <button type="submit">Verify</button>
-    </form>
-    {% with messages = get_flashed_messages(with_categories=true) %}
-      {% for category, message in messages %}
-        <p style="color: {% if category == 'success' %}green{% else %}red{% endif %};">{{ message }}</p>
-      {% endfor %}
-    {% endwith %}
-    <hr>
-    <a href="/admin">Admin Login</a>
 </body>
 </html>

 <!DOCTYPE html>
 <html>
+<head><title>OTP Validator</title></head>
 <body>
+  <h2>🔐 OTP Validator</h2>
+  <form id="otp-form">
+    <input type="text" name="otp" placeholder="Enter OTP" required />
+    <button type="submit">Validate</button>
+  </form>
+  <div id="result"></div>
+  <script>
+    document.getElementById("otp-form").onsubmit = async (e) => {
+      e.preventDefault();
+      const otp = e.target.otp.value;
+      const res = await fetch("/validate", {
+        method: "POST",
+        headers: {"Content-Type": "application/json"},
+        body: JSON.stringify({otp}),
+      });
+      const data = await res.json();
+      document.getElementById("result").innerText = data.message;
+    };
+  </script>
 </body>
 </html>