Update index.html

index.html

@@ -714,26 +714,45 @@
             updateLiveChart(temp, new Date().toLocaleTimeString());
         
             // 🔥 Webhook Integration with 30-second cooldown
+            // Webhook Integration with cooldown and retry
             const now = Date.now();
-            if (temp > 50 && now - lastWebhookTimestamp > 30000) {
-                lastWebhookTimestamp = now; // Update timestamp
-        
-                fetch('https://n8n-1r4e.onrender.com/webhook/c9e82b5a-2f26-425e-ba7d-f2c8b7d28f89', {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify({
-                        temperature: temp,
-                        timestamp: new Date().toISOString(),
-                        message: '⚠️ Critical temperature above 50°C. Immediate action required.'
+            const criticalThreshold = 50; // Could be loaded from settings
+            const webhookCooldown = 30000; // 30 seconds
+            
+            if (temp > criticalThreshold && now - lastWebhookTimestamp > webhookCooldown) {
+                lastWebhookTimestamp = now;
+                
+                const sendWebhook = (attempt = 1) => {
+                    fetch('https://n8n-1r4e.onrender.com/webhook/c9e82b5a-2f26-425e-ba7d-f2c8b7d28f89', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({
+                            temperature: temp,
+                            timestamp: new Date().toISOString(),
+                            status: getStatus(temp),
+                            message: `⚠️ Critical temperature (${temp}°C) detected. Immediate action required.`,
+                            deviceInfo: navigator.userAgent,
+                            // Add any other relevant data
+                        })
+                    })
+                    .then(async res => {
+                        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+                        const data = await res.text();
+                        logDebug(`Webhook successful: ${data}`);
+                        showAlert('Critical temperature alert sent', 'success');
                     })
-                })
-                .then(res => res.text())
-                .then(data => logDebug(`Webhook triggered: ${data}`))
-                .catch(err => logDebug(`Webhook error: ${err.message}`));
+                    .catch(err => {
+                        logDebug(`Webhook attempt ${attempt} failed: ${err.message}`);
+                        if (attempt < 3) {
+                            setTimeout(() => sendWebhook(attempt + 1), 5000 * attempt);
+                        } else {
+                            showAlert('Failed to send critical alert', 'error');
+                        }
+                    });
+                };
+                
+                sendWebhook();
             }
-        }
 
         
         // Update gauge display