supabase?

static/script/script.js

@@ -371,18 +371,117 @@ document.addEventListener("DOMContentLoaded", function () {
 
     // Submit button
     if (submitButton) {
-        submitButton.addEventListener("click", function () {
-            window.location.href = "thankyou.html";
-        });
-    }
+    submitButton.addEventListener("click", async function () {
+        const sessionId = sessionStorage.getItem('session_id');
+        
+        // Collect Hispanic/Latino data
+        const hispanicCheckboxes = document.querySelectorAll('input[name="hispanic"]:checked');
+        const hispanicValues = Array.from(hispanicCheckboxes).map(cb => cb.value);
+        
+        // Collect race data
+        const raceCheckboxes = document.querySelectorAll('input[name="race"]:checked');
+        const raceValues = Array.from(raceCheckboxes).map(cb => cb.value);
+        
+        // Collect all subcategories
+        const subcategoryCheckboxes = document.querySelectorAll('.subcategories input[type="checkbox"]:checked');
+        const subcategoryValues = Array.from(subcategoryCheckboxes).map(cb => cb.value);
+        
+        // Combine all race/ethnicity data
+        const allRaceData = [...hispanicValues, ...raceValues, ...subcategoryValues];
+        
+        if (allRaceData.length === 0) {
+            alert('Please select at least one option');
+            return;
+        }
+        
+        // Save race data and send to Supabase
+        try {
+            const saveResponse = await fetch('/save_survey', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    session_id: sessionId,
+                    race: allRaceData.join(', ')
+                })
+            });
+            
+            const saveData = await saveResponse.json();
+            
+            if (saveData.success) {
+                // ✅ NOW send everything to Supabase
+                const sendResponse = await fetch('/send_results', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        session_id: sessionId,
+                        contact_method: 'none', // No contact info for now
+                        contact_info: ''
+                    })
+                });
+                
+                const sendData = await sendResponse.json();
+                
+                if (sendData.success) {
+                    console.log('✅ Data saved to Supabase!');
+                    window.location.href = "thankyou.html";
+                } else {
+                    console.error('Error sending to Supabase:', sendData.error);
+                    // Still redirect even if Supabase fails
+                    window.location.href = "thankyou.html";
+                }
+            } else {
+                alert('Error saving data. Please try again.');
+            }
+        } catch (error) {
+            console.error('Error:', error);
+            alert('Error saving data. Please try again.');
+        }
+    });
+}
 
     // Continue button
     const conButton = document.getElementById("conButton");
-    if (conButton) {
-        conButton.addEventListener("click", function () {
-            window.location.href = "race.html";
+if (conButton) {
+    conButton.addEventListener("click", async function () {
+        const sessionId = sessionStorage.getItem('session_id');
+        
+        // Collect selected genders
+        const selectedGenders = [];
+        const genderCheckboxes = document.querySelectorAll('input[name="gender"]:checked');
+        genderCheckboxes.forEach(checkbox => {
+            selectedGenders.push(checkbox.value);
         });
-    }
+        
+        if (selectedGenders.length === 0) {
+            alert('Please select at least one option');
+            return;
+        }
+        
+        // Save gender data to backend
+        try {
+            await fetch('/save_survey', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    session_id: sessionId,
+                    gender: selectedGenders.join(', ')
+                })
+            });
+            
+            // Navigate to race page
+            window.location.href = "race.html";
+        } catch (error) {
+            console.error('Error saving gender:', error);
+            alert('Error saving data. Please try again.');
+        }
+    });
+}
 
     // Back buttons
     const backButton = document.getElementById("backButton");