Update app.py

app.py

@@ -30,29 +30,46 @@ with gr.Blocks() as demo:
 
     # ===== HTML + JS ส่ง GPS + QR text ไป Google Form =====
     gr.HTML("""
-    <script>
-    function sendToForm() {
-        const qrText = document.querySelector('textarea[aria-label="QR Code Text"]').value;
-        if (!qrText) { alert("Please scan QR code first"); return; }
-
-        navigator.geolocation.getCurrentPosition(function(position) {
-            const lat = position.coords.latitude;
-            const lng = position.coords.longitude;
-
-            const formUrl = "https://docs.google.com/forms/u/1/d/e/1FAIpQLSd87wspuXaH0kcNZ33GOXsnCDVIFqaHQlpZin7FmSdFPJ4Q7Q/formResponse";
-
-            const data = new FormData();
-            data.append("entry.2013313277", qrText); // QR text
-            data.append("entry.286817265", lat);     // latitude
-            data.append("entry.518488535", lng);     // longitude
-
-            fetch(formUrl, { method: "POST", body: data })
-                .then(() => alert("✅ QR + GPS sent to Google Form"))
-                .catch(err => alert("❌ Error: " + err));
-        });
+<div style='margin-top:20px;'>
+  <button id="sendBtn" style="
+      background:#4CAF50;
+      color:white;
+      padding:10px 20px;
+      border:none;
+      border-radius:5px;
+      font-size:16px;
+  ">Send QR + GPS to Google Form</button>
+</div>
+
+<script>
+document.getElementById("sendBtn").addEventListener("click", function() {
+
+    const qrText = document.querySelector('textarea[aria-label="QR Code Text"]').value;
+    if (!qrText) { 
+        alert("Please scan QR code first"); 
+        return; 
     }
-    </script>
-    <button onclick="sendToForm()">Send QR + GPS to Google Form</button>
-    """)
+
+    navigator.geolocation.getCurrentPosition(function(position) {
+
+        const lat = position.coords.latitude;
+        const lng = position.coords.longitude;
+
+        const formUrl = "https://docs.google.com/forms/u/1/d/e/YOUR_FORM_ID/formResponse";
+
+        const data = new FormData();
+        data.append("entry.2013313277", qrText);
+        data.append("entry.286817265", lat);
+        data.append("entry.518488535", lng);
+
+        fetch(formUrl, { method: "POST", body: data })
+            .then(() => alert("✅ QR + GPS sent to Google Form"))
+            .catch((e) => alert("❌ Error: " + e));
+    });
+
+});
+</script>
+""")
+
 
 demo.launch()