Update static/auth.html

static/auth.html

@@ -51,6 +51,9 @@
         <input type="password" id="loginPassword" placeholder="Password">
         <button onclick="login()">Log In</button>
 
+        <h2>Email Verification</h2>
+        <button onclick="sendVerificationEmail()">Send Verification Email</button>
+
         <div id="message"></div>
     </div>
 
@@ -91,6 +94,42 @@
                     console.error(error);
                 });
         }
+
+        async function sendVerificationEmail() {
+            try {
+                const result = await account.createVerification(
+                    'https://pvanand-specialized-agents.hf.space/auth' // url
+                );
+                document.getElementById('message').innerText = 'Verification email sent! Please check your inbox.';
+                console.log(result);
+            } catch (error) {
+                document.getElementById('message').innerText = 'Failed to send verification email: ' + error.message;
+                console.error(error);
+            }
+        }
+
+        // Function to complete verification (to be called on the redirect page)
+        async function completeVerification() {
+            const urlParams = new URLSearchParams(window.location.search);
+            const userId = urlParams.get('userId');
+            const secret = urlParams.get('secret');
+
+            if (userId && secret) {
+                try {
+                    const result = await account.updateVerification(userId, secret);
+                    document.getElementById('message').innerText = 'Email verified successfully!';
+                    console.log(result);
+                } catch (error) {
+                    document.getElementById('message').innerText = 'Verification failed: ' + error.message;
+                    console.error(error);
+                }
+            }
+        }
+
+        // Call completeVerification if on the redirect page
+        if (window.location.pathname === '/auth') {
+            completeVerification();
+        }
     </script>
 </body>
 </html>