From a3cbf0c74a4f2bffc2568f943de04869d21bb758 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Wed, 4 Mar 2026 15:13:55 +0000
Subject: [PATCH] Actualizar servicios.html

---
 servicios.html | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/servicios.html b/servicios.html
index 8ae5252..41afbe3 100644
--- a/servicios.html
+++ b/servicios.html
@@ -1004,14 +1004,14 @@
         }
 
       async function copyClientPortalLink() {
-            const phone = document.getElementById('detPhone').innerText;
-            const name = document.getElementById('detName').innerText;
-            const addr = document.getElementById('detAddrText').innerText;
+            // CORRECCIÓN: Leemos los datos desde los inputs usando .value
+            const phone = document.getElementById('editPhone').value;
+            const name = document.getElementById('editName').value;
+            const addr = document.getElementById('editAddr').value;
             
-            // ¡ESTA ES LA LÍNEA CLAVE QUE FALTABA! Capturamos el ID del servicio
             const serviceId = document.getElementById('detId').value; 
 
-            if (!phone || phone === "Sin Teléfono") {
+            if (!phone || phone === "Sin Teléfono" || phone.trim() === "") {
                 showToast("No hay un teléfono válido para este cliente.", "warning");
                 return;
             }
@@ -1023,28 +1023,36 @@
             lucide.createIcons();
 
             try {
+                // Limpiamos el teléfono de espacios para evitar fallos
+                const cleanPhone = phone.replace(/\D/g, "");
+
                 const res = await fetch(`${API_URL}/clients/ensure`, {
                     method: 'POST',
                     headers: { 
                         "Content-Type": "application/json",
                         "Authorization": `Bearer ${localStorage.getItem("token")}` 
                     },
-                    body: JSON.stringify({ phone: phone, name: name, address: addr })
+                    body: JSON.stringify({ phone: cleanPhone, name: name, address: addr, service_id: serviceId })
                 });
                 const data = await res.json();
                 
                 if (data.ok && data.client && data.client.portal_token) {
                     
-                    // ¡AQUÍ ESTÁ LA MAGIA! Le pegamos el &service= al enlace
                     const portalLink = `https://portal.integrarepara.es/?token=${data.client.portal_token}&service=${serviceId}`;
                     
-                    await navigator.clipboard.writeText(portalLink);
+                    // Doble seguro para copiar (el navegador a veces bloquea navigator.clipboard si no hay HTTPS o permiso explícito)
+                    try {
+                        await navigator.clipboard.writeText(portalLink);
+                        showToast("✅ Enlace copiado al portapapeles.");
+                    } catch (err) {
+                        prompt("Tu navegador bloqueó el copiado automático. Cópialo desde aquí:", portalLink);
+                        showToast("Enlace generado con éxito.");
+                    }
                     
                     btn.innerHTML = '<i data-lucide="check-circle" class="w-3 h-3"></i> ¡Copiado!';
                     btn.classList.replace('text-blue-600', 'text-emerald-600');
                     btn.classList.replace('bg-blue-50', 'bg-emerald-50');
                     btn.classList.replace('border-blue-100', 'border-emerald-200');
-                    showToast("Enlace copiado. ¡Listo para pegar en WhatsApp!");
                     
                     setTimeout(() => {
                         btn.innerHTML = originalHtml;