From 3f55d9754a386aa2e3bcb60d3fc1fcfadee9c070 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Sat, 28 Feb 2026 20:04:02 +0000
Subject: [PATCH] Actualizar index.html

---
 index.html | 33 ++++++++++++++++++---------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 96f9231..638c75b 100644
--- a/index.html
+++ b/index.html
@@ -435,13 +435,14 @@
         // ==========================================
         async function calculateClientETA(serviceId, destAddress) {
             const container = document.getElementById(`eta-container-${serviceId}`);
+            if (!container) return;
             
             try {
                 const res = await fetch(`${API_URL}/public/portal/${urlToken}/location/${serviceId}`);
                 const data = await res.json();
                 
                 if (!data.ok || !data.location) {
-                    container.innerHTML = `<p class="text-xs font-bold text-indigo-600 leading-tight">El técnico está conduciendo hacia tu domicilio.</p>`;
+                    container.innerHTML = `<p class="text-xs font-bold text-indigo-600 leading-tight">El técnico está en camino hacia tu domicilio.</p>`;
                     return;
                 }
 
@@ -469,19 +470,20 @@
                     const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
                     const km = R * c;
                     
-                   const totalMins = Math.round((km/35)*60) + 5; 
-
-// Simplemente asignamos el tiempo basado en la distancia real
-let remainingMins = totalMins; 
-
-// Calculamos el tiempo transcurrido solo para animar la barra de progreso
-const startedAt = new Date(data.location.updated_at).getTime();
-const diffMins = Math.floor((new Date().getTime() - startedAt) / 60000);
-
-let progressPercent = (diffMins / totalMins) * 100;
-                    if (remainingMins < 1) remainingMins = 1; 
+                    // Tiempo basado directamente en la distancia (sin restar)
+                    const totalMins = Math.round((km/35)*60) + 5; 
+                    let remainingMins = totalMins; 
+                    
+                    // Porcentaje visual para la barra animada
+                    let progressPercent = 5;
+                    if (data.location.updated_at) {
+                        const startedAt = new Date(data.location.updated_at).getTime();
+                        if (!isNaN(startedAt)) {
+                            const diffMins = Math.floor((new Date().getTime() - startedAt) / 60000);
+                            progressPercent = (diffMins / totalMins) * 100;
+                        }
+                    }
                     
-                    let progressPercent = (diffMins / totalMins) * 100;
                     if (progressPercent > 95) progressPercent = 95;
                     if (progressPercent < 5) progressPercent = 5;
 
@@ -501,10 +503,11 @@ let progressPercent = (diffMins / totalMins) * 100;
                     `;
                     lucide.createIcons();
                 } else {
-                    container.innerHTML = `<p class="text-xs font-bold text-indigo-600 leading-tight">El técnico está conduciendo hacia tu domicilio.</p>`;
+                    container.innerHTML = `<p class="text-xs font-bold text-indigo-600 leading-tight">El técnico está en camino hacia tu domicilio.</p>`;
                 }
             } catch(e) {
-                container.innerHTML = `<p class="text-xs font-bold text-indigo-600 leading-tight">El técnico está conduciendo hacia tu domicilio.</p>`;
+                console.error("Error de GPS: ", e);
+                if (container) container.innerHTML = `<p class="text-xs font-bold text-indigo-600 leading-tight">El técnico está de camino.</p>`;
             }
         }
     </script>