Update script.js

script.js

@@ -22,6 +22,31 @@ document.addEventListener("DOMContentLoaded", () => {
     chatContainer.scrollTop = chatContainer.scrollHeight;
   }
 
+  // ------------------
+  // Show phone verification prompt
+  // ------------------
+  async function handlePhoneVerification(email) {
+    const code = prompt("Enter the verification code sent to your phone:");
+    if (!code) return alert("Verification code required.");
+
+    try {
+      const res = await fetch("/api/verify_phone", {
+        method: "POST",
+        headers: {"Content-Type": "application/json"},
+        body: JSON.stringify({ email, code })
+      });
+      const data = await res.json();
+      if (data.error) {
+        alert("❌ " + data.error);
+      } else {
+        alert("✅ " + data.message);
+      }
+    } catch (err) {
+      alert("❌ Could not verify phone.");
+      console.error(err);
+    }
+  }
+
   // ------------------
   // Login Handler
   // ------------------
@@ -35,12 +60,16 @@ document.addEventListener("DOMContentLoaded", () => {
         method: "POST",
         headers: {"Content-Type": "application/json"},
         body: JSON.stringify({ email, password }),
-        credentials: "include" // <-- ensures session cookie is stored
+        credentials: "include"
       });
       const data = await res.json();
 
       if (data.error) {
-        alert("❌ " + data.error);
+        if (data.error === "Phone not verified") {
+          await handlePhoneVerification(email);
+        } else {
+          alert("❌ " + data.error);
+        }
       } else {
         alert("✅ " + data.message);
         loginForm.style.display = "none";
@@ -52,6 +81,36 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   };
 
+  // ------------------
+  // Signup Handler
+  // ------------------
+  document.getElementById("signup-btn")?.addEventListener("click", async () => {
+    const email = document.getElementById("signup-email").value.trim();
+    const username = document.getElementById("signup-username").value.trim();
+    const password = document.getElementById("signup-password").value.trim();
+    const phone = document.getElementById("signup-phone").value.trim();
+    if (!email || !username || !password || !phone) return alert("All fields are required.");
+
+    try {
+      const res = await fetch("/api/signup", {
+        method: "POST",
+        headers: {"Content-Type": "application/json"},
+        body: JSON.stringify({ email, username, password, phone }),
+        credentials: "include"
+      });
+      const data = await res.json();
+      if (data.error) {
+        alert("❌ " + data.error);
+      } else {
+        alert("✅ " + data.message);
+        await handlePhoneVerification(email);
+      }
+    } catch (err) {
+      alert("❌ Signup failed: Could not reach server");
+      console.error(err);
+    }
+  });
+
   // ------------------
   // Chat Handler
   // ------------------
@@ -72,7 +131,7 @@ document.addEventListener("DOMContentLoaded", () => {
         method: "POST",
         headers: {"Content-Type": "application/json"},
         body: JSON.stringify({ message, model: modelChoice, max_tokens: maxTokens }),
-        credentials: "include" // <-- important for login session
+        credentials: "include"
       });
       const data = await res.json();