From 3455d10d691899233ec2b4864ada6a18045c1797 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Sat, 14 Feb 2026 11:57:42 +0000
Subject: [PATCH] Actualizar automatizaciones.html

---
 automatizaciones.html | 293 +++++++++++++++++++++---------------------
 1 file changed, 145 insertions(+), 148 deletions(-)

diff --git a/automatizaciones.html b/automatizaciones.html
index 9847238..dac26e9 100644
--- a/automatizaciones.html
+++ b/automatizaciones.html
@@ -44,168 +44,165 @@
         </div>
     </div>
 
-    <div id="importModal" class="fixed inset-0 bg-slate-900/70 hidden z-[100] flex items-center justify-center backdrop-blur-md p-2">
-        <div class="bg-white rounded-[2.5rem] shadow-2xl w-full max-w-4xl flex flex-col max-h-[95vh] overflow-hidden border border-slate-200 fade-in">
-            
-            <div class="px-8 pt-6 pb-2 flex justify-between items-start">
-                <div class="flex items-center gap-4">
-                    <div id="modalCompanyLogo" class="w-12 h-12 rounded-xl bg-slate-50 border border-slate-100 p-2 flex items-center justify-center shadow-sm"></div>
-                    <div>
-                        <h3 class="text-xl font-black text-slate-800 flex items-center gap-2">Validación de Expediente</h3>
-                        <div class="flex gap-3 mt-1">
-                            <span id="displayRef" class="text-[10px] bg-slate-100 text-slate-500 px-2 py-0.5 rounded-lg font-bold border border-slate-200 uppercase">REF: --</span>
-                            <span id="displayCompany" class="text-[10px] bg-blue-50 text-blue-600 px-2 py-0.5 rounded-lg font-bold border border-blue-100 uppercase tracking-tighter truncate max-w-[300px]">--</span>
-                        </div>
+ <div id="importModal" class="fixed inset-0 bg-slate-900/70 hidden z-[100] flex items-center justify-center backdrop-blur-md p-2">
+    <div class="bg-white rounded-[2.5rem] shadow-2xl w-full max-w-4xl flex flex-col max-h-[95vh] overflow-hidden border border-slate-200 fade-in text-left">
+        
+        <div class="px-8 pt-6 pb-4 flex justify-between items-center border-b border-slate-50">
+            <div class="flex items-center gap-4">
+                <div id="modalCompanyLogo" class="w-12 h-12 rounded-xl bg-slate-50 border border-slate-100 p-2 flex items-center justify-center shadow-sm overflow-hidden"></div>
+                <div>
+                    <h3 class="text-xl font-black text-slate-800 tracking-tight">Validación de Expediente</h3>
+                    <div class="flex items-center gap-2 mt-0.5">
+                        <span id="displayRef" class="text-[10px] bg-slate-100 text-slate-500 px-2 py-0.5 rounded-lg font-bold border border-slate-200"># --</span>
+                        <span id="displayCompany" class="text-[10px] bg-blue-50 text-blue-600 px-2 py-0.5 rounded-lg font-bold border border-blue-100 uppercase truncate max-w-[250px]">--</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="flex items-center gap-4">
+                <div class="flex flex-col items-end mr-4">
+                    <span class="text-[9px] font-black text-slate-400 uppercase mb-1">Prioridad del Aviso</span>
+                    <select id="impUrgent" class="bg-slate-50 border border-slate-200 text-xs font-black px-3 py-1.5 rounded-xl outline-none focus:border-red-400 transition-colors cursor-pointer">
+                        <option value="false">BAJA (Normal)</option>
+                        <option value="true">🚨 MUY URGENTE</option>
+                    </select>
+                </div>
+                <button onclick="closeModal()" class="bg-slate-50 p-2 rounded-full hover:bg-red-50 hover:text-red-500 transition-all">
+                    <i data-lucide="x" class="w-5 h-5"></i>
+                </button>
+            </div>
+        </div>
+
+        <form id="importForm" onsubmit="handleFinalImport(event)" class="px-8 py-6 space-y-5 overflow-y-auto no-scrollbar">
+            <input type="hidden" id="impScrapedId">
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div class="bg-slate-50/50 p-3 rounded-2xl border border-slate-100 flex items-center gap-3">
+                    <div class="bg-white p-2 rounded-xl shadow-sm text-slate-400"><i data-lucide="user" class="w-4 h-4"></i></div>
+                    <div class="flex flex-col min-w-0 w-full">
+                        <span class="text-[9px] font-black text-slate-400 uppercase mb-0.5">Titular Asegurado</span>
+                        <input type="text" id="impName" readonly class="bg-transparent border-none p-0 text-sm font-bold text-slate-700 outline-none focus:ring-0 truncate w-full">
+                    </div>
+                </div>
+                <div class="bg-slate-50/50 p-3 rounded-2xl border border-slate-100 flex items-center gap-3">
+                    <div class="bg-white p-2 rounded-xl shadow-sm text-emerald-500"><i data-lucide="phone" class="w-4 h-4"></i></div>
+                    <div class="flex flex-col min-w-0 w-full">
+                        <span class="text-[9px] font-black text-slate-400 uppercase mb-0.5">Teléfono Movil</span>
+                        <input type="text" id="impPhone" readonly class="bg-transparent border-none p-0 text-sm font-black text-emerald-600 outline-none focus:ring-0 w-full">
                     </div>
                 </div>
-                <button onclick="closeModal()" class="bg-slate-50 p-2 rounded-full hover:bg-red-50 hover:text-red-500 transition-all"><i data-lucide="x"></i></button>
             </div>
 
-            <form id="importForm" onsubmit="handleFinalImport(event)" class="px-8 py-4 space-y-4 overflow-y-auto no-scrollbar">
-                <input type="hidden" id="impScrapedId">
-                
+            <div class="grid grid-cols-1 md:grid-cols-5 gap-3">
+                <div class="md:col-span-4 space-y-1">
+                    <label class="text-[9px] font-black text-blue-600 uppercase tracking-widest ml-2 flex items-center gap-1">
+                        <i data-lucide="map-pin" class="w-3 h-3"></i> Dirección de la Reparación
+                    </label>
+                    <input type="text" id="impAddress" required class="w-full border-2 border-slate-100 bg-white px-4 py-2.5 rounded-2xl text-sm font-medium outline-none focus:border-blue-500 transition-all shadow-sm">
+                </div>
+                <div class="space-y-1 text-center">
+                    <label class="text-[9px] font-black text-blue-600 uppercase tracking-widest block">C.P.</label>
+                    <input type="text" id="impCP" required class="w-full border-2 border-slate-100 bg-white py-2.5 rounded-2xl text-sm font-black text-center outline-none focus:border-blue-500 shadow-sm">
+                </div>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 p-5 rounded-[1.8rem] border-2 border-blue-50 bg-blue-50/30">
+                <div class="space-y-1">
+                    <label class="text-[9px] font-black text-blue-600 uppercase tracking-widest ml-2">Gremio Especialista *</label>
+                    <select id="impGuild" required onchange="loadOpsForGuild(this.value)" class="w-full border border-blue-100 bg-white px-3 py-2 rounded-xl text-sm font-bold shadow-sm outline-none focus:ring-2 focus:ring-blue-400">
+                        <option value="">-- Seleccionar Especialidad --</option>
+                    </select>
+                </div>
+                <div class="space-y-1">
+                    <label class="text-[9px] font-black text-slate-400 uppercase tracking-widest ml-2">Asignación Operario</label>
+                    <select id="impOperator" class="w-full border border-blue-100 bg-white px-3 py-2 rounded-xl text-sm font-bold shadow-sm outline-none focus:ring-2 focus:ring-blue-400">
+                        <option value="">-- Automática (Futuro) --</option>
+                    </select>
+                </div>
+            </div>
+
+            <div class="space-y-3">
+                <div class="space-y-1">
+                    <label class="text-[9px] font-black text-slate-400 uppercase tracking-widest ml-2">Descripción Limpia de la Avería</label>
+                    <textarea id="impDesc" rows="2" class="w-full border border-slate-200 bg-white px-4 py-2 rounded-2xl text-sm font-medium text-slate-600 outline-none focus:border-blue-400 resize-none shadow-sm"></textarea>
+                </div>
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <div class="bg-slate-50/80 p-3 rounded-2xl border border-slate-100 flex items-center gap-3">
-                        <div class="bg-white p-2 rounded-xl shadow-sm text-slate-400"><i data-lucide="user"></i></div>
-                        <div class="flex flex-col min-w-0 w-full">
-                            <span class="text-[9px] font-black text-slate-400 uppercase mb-1">Asegurado</span>
-                            <input type="text" id="impName" readonly class="bg-transparent border-none p-0 text-sm font-bold text-slate-700 outline-none focus:ring-0 truncate w-full">
-                        </div>
+                    <div>
+                        <label class="text-[9px] font-black text-amber-600 uppercase ml-2 mb-1 block">Notas Internas Oficina</label>
+                        <textarea id="impNotesInt" rows="1" class="w-full border border-amber-100 bg-amber-50/30 px-3 py-2 rounded-xl text-xs outline-none focus:bg-white"></textarea>
                     </div>
-                    <div class="bg-slate-50/80 p-3 rounded-2xl border border-slate-100 flex items-center gap-3">
-                        <div class="bg-white p-2 rounded-xl shadow-sm text-emerald-500"><i data-lucide="phone"></i></div>
-                        <div class="flex flex-col min-w-0 w-full">
-                            <span class="text-[9px] font-black text-slate-400 uppercase mb-1">Contacto</span>
-                            <input type="text" id="impPhone" readonly class="bg-transparent border-none p-0 text-sm font-black text-emerald-600 outline-none focus:ring-0 w-full">
-                        </div>
+                    <div>
+                        <label class="text-[9px] font-black text-blue-500 uppercase ml-2 mb-1 block">Instrucciones Operario/Clte</label>
+                        <textarea id="impNotesExt" rows="1" class="w-full border border-blue-100 bg-blue-50/30 px-3 py-2 rounded-xl text-xs outline-none focus:bg-white"></textarea>
                     </div>
                 </div>
+            </div>
 
-                <div class="grid grid-cols-1 md:grid-cols-5 gap-3">
-                    <div class="md:col-span-4 space-y-1">
-                        <label class="text-[9px] font-black text-blue-600 uppercase tracking-widest ml-2">Dirección de la Reparación</label>
-                        <input type="text" id="impAddress" required class="w-full border-2 border-slate-100 bg-white px-4 py-2.5 rounded-2xl text-sm font-medium outline-none focus:border-blue-500 shadow-sm">
-                    </div>
-                    <div class="space-y-1">
-                        <label class="text-[9px] font-black text-blue-600 uppercase tracking-widest text-center block">C.P.</label>
-                        <input type="text" id="impCP" required class="w-full border-2 border-slate-100 bg-white py-2.5 rounded-2xl text-sm font-black text-center outline-none focus:border-blue-500 shadow-sm">
-                    </div>
-                </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 p-4 rounded-[1.8rem] border-2 border-blue-50 bg-blue-50/20 shadow-sm">
-                    <div class="space-y-1">
-                        <label class="text-[9px] font-black text-blue-600 uppercase tracking-widest ml-2">Gremio Especialista *</label>
-                        <select id="impGuild" required onchange="loadOpsForGuild(this.value)" class="w-full border border-blue-100 bg-white px-3 py-2 rounded-xl text-sm font-bold outline-none focus:ring-2 focus:ring-blue-500 shadow-sm">
-                            <option value="">-- Elegir Especialidad --</option>
-                        </select>
-                    </div>
-                    <div class="space-y-1">
-                        <label class="text-[9px] font-black text-slate-400 uppercase tracking-widest ml-2">Asignación Operario</label>
-                        <select id="impOperator" class="w-full border border-blue-100 bg-white px-3 py-2 rounded-xl text-sm font-bold outline-none focus:ring-2 focus:ring-blue-500 shadow-sm">
-                            <option value="">-- Automática --</option>
-                        </select>
-                    </div>
-                </div>
-
-                <div class="space-y-3">
-                    <div class="space-y-1">
-                        <label class="text-[9px] font-black text-slate-400 uppercase tracking-widest ml-2">Avería Detectada</label>
-                        <textarea id="impDesc" rows="2" class="w-full border border-slate-200 bg-white px-4 py-2 rounded-2xl text-sm font-medium text-slate-600 outline-none focus:border-blue-400 resize-none shadow-sm"></textarea>
-                    </div>
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                        <div>
-                            <label class="text-[9px] font-black text-amber-600 uppercase ml-2 mb-1 block">Notas Internas</label>
-                            <textarea id="impNotesInt" rows="1" class="w-full border border-amber-100 bg-amber-50/30 px-3 py-2 rounded-xl text-xs outline-none focus:bg-white"></textarea>
-                        </div>
-                        <div>
-                            <label class="text-[9px] font-black text-blue-500 uppercase ml-2 mb-1 block">Notas Cliente</label>
-                            <textarea id="impNotesExt" rows="1" class="w-full border border-blue-100 bg-blue-50/30 px-3 py-2 rounded-xl text-xs outline-none focus:bg-white"></textarea>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="flex items-center gap-3 pt-4 border-t">
-                    <div class="flex-1 bg-slate-100 p-1.5 rounded-2xl flex items-center gap-2">
-                        <div class="bg-white px-4 py-2 rounded-xl shadow-sm">
-                            <span class="text-[8px] font-black text-slate-400 uppercase block mb-1 leading-none">Urgencia</span>
-                            <select id="impUrgent" class="border-none bg-transparent text-xs font-black text-slate-700 focus:ring-0 p-0 cursor-pointer">
-                                <option value="false">Normal</option>
-                                <option value="true">🚨 URGENTE</option>
-                            </select>
-                        </div>
-                    </div>
-                    <button type="submit" class="bg-slate-900 hover:bg-emerald-600 text-white font-black px-10 py-4 rounded-[1.5rem] shadow-xl transition-all flex items-center gap-3 active:scale-95 text-xs uppercase tracking-widest group">
-                        <span>TRASPASAR AL CRM</span>
-                        <i data-lucide="send" class="w-4 h-4"></i>
-                    </button>
-                </div>
-            </form>
-        </div>
+            <div class="pt-4">
+                <button type="submit" class="w-full bg-slate-900 hover:bg-emerald-600 text-white font-black py-5 rounded-[1.8rem] shadow-xl shadow-slate-100 transition-all flex items-center justify-center gap-3 active:scale-95 text-sm uppercase tracking-[0.2em]">
+                    <span>CONFIRMAR Y TRASPASAR A CRM</span>
+                    <i data-lucide="send" class="w-5 h-5"></i>
+                </button>
+            </div>
+        </form>
     </div>
+</div>
 
-    <div id="toast" class="fixed bottom-8 right-8 bg-slate-900 text-white px-8 py-4 rounded-2xl shadow-2xl hidden z-[200] border border-white/10"><span id="toastMsg" class="font-bold text-sm"></span></div>
+<script>
+    // Diccionario de logos mejorado con SegurCaixa
+    const companyLogos = {
+        'REPSOL': 'https://www.google.com/s2/favicons?domain=repsol.com&sz=128',
+        'MUTUA': 'https://www.google.com/s2/favicons?domain=mutua.es&sz=128',
+        'ALLIANZ': 'https://www.google.com/s2/favicons?domain=allianz.es&sz=128',
+        'CASER': 'https://www.google.com/s2/favicons?domain=caser.es&sz=128',
+        'SEGURCAIXA': 'https://www.google.com/s2/favicons?domain=segurcaixaadeslas.es&sz=128',
+        'LA CAIXA': 'https://www.google.com/s2/favicons?domain=segurcaixaadeslas.es&sz=128',
+        'AXA': 'https://www.google.com/s2/favicons?domain=axa.es&sz=128',
+        'LINEA DIRECTA': 'https://www.google.com/s2/favicons?domain=lineadirecta.com&sz=128',
+        'RGA': 'https://www.google.com/s2/favicons?domain=segurosrga.es&sz=128',
+        'SANTANDER': 'https://www.google.com/s2/favicons?domain=santander.com&sz=128',
+        'DEFAULT': 'https://cdn-icons-png.flaticon.com/512/2875/2875438.png'
+    };
 
-    <script src="js/layout.js"></script>
-    <script>
-        let allGuilds = [];
-        let scrapedData = [];
+    function openEditor(id) {
+        const svc = scrapedData.find(s => s.id === id);
+        if(!svc) return;
+        const raw = svc.raw_data;
+        const companyName = raw['Compañía'] || raw['COMPAÑIA'] || raw['Procedencia'] || "";
+        
+        // PINTAR HEADER
+        document.getElementById('displayRef').innerText = `REF: ${svc.service_ref}`;
+        document.getElementById('displayCompany').innerText = companyName;
+        document.getElementById('modalCompanyLogo').innerHTML = `<img src="${getLogoUrl(companyName)}" class="max-w-full max-h-full object-contain">`;
 
-        // DICCIONARIO DE LOGOS
- // DICCIONARIO ACTUALIZADO CON ENLACES DINÁMICOS
-// DICCIONARIO CON MOTOR DE GOOGLE (INFALIBLE)
-const companyLogos = {
-    'REPSOL': 'https://www.google.com/s2/favicons?domain=repsol.com&sz=128',
-    'MUTUA': 'https://www.google.com/s2/favicons?domain=mutua.es&sz=128',
-    'ALLIANZ': 'https://www.google.com/s2/favicons?domain=allianz.es&sz=128',
-    'CASER': 'https://www.google.com/s2/favicons?domain=caser.es&sz=128',
-    'SEGURCAIXA': 'https://sanidadprivada.publicacionmedica.com/contenido/images/c/lacaixa.jpg',
-    'AXA': 'https://www.google.com/s2/favicons?domain=axa.es&sz=128',
-    'LDA': 'https://www.google.com/s2/favicons?domain=lineadirecta.com&sz=128',
-    'RGA': 'https://www.google.com/s2/favicons?domain=segurosrga.es&sz=128',
-    'PELAYO': 'https://www.google.com/s2/favicons?domain=pelayo.com&sz=128',
-    'SABADELL': 'https://www.google.com/s2/favicons?domain=bancsabadell.com&sz=128',
-    'SANTANDER': 'https://www.google.com/s2/favicons?domain=santander.com&sz=128',
-    'DEFAULT': 'https://cdn-icons-png.flaticon.com/512/2875/2875438.png'
-};
+        // RELLENAR CAMPOS
+        document.getElementById('impScrapedId').value = id;
+        document.getElementById('impName').value = raw['Nombre Cliente'] || raw['CLIENTE'] || "S/N";
+        
+        const rawPhone = raw['Teléfono'] || raw['TELEFONOS'] || raw['TELEFONO'] || "";
+        document.getElementById('impPhone').value = rawPhone.match(/[6789]\d{8}/)?.[0] || "";
+        
+        const addr = raw['Dirección'] || raw['DOMICILIO'] || "";
+        const pop = raw['Población'] || raw['POBLACION-PROVINCIA'] || "";
+        document.getElementById('impAddress').value = `${addr} ${pop}`.trim();
+        
+        document.getElementById('impCP').value = raw['Código Postal'] || "";
+        document.getElementById('impDesc').value = raw['Descripción'] || "";
+        
+        // Sincronizar Urgencia en el nuevo selector
+        const isUrgent = raw['Urgente'] === 'Sí' || raw['Urgente'] === 'true' || raw['URGENTE'] === 'SI';
+        document.getElementById('impUrgent').value = isUrgent.toString();
+        
+        // Reset de Gremio y Notas
+        document.getElementById('impNotesInt').value = "";
+        document.getElementById('impNotesExt').value = "";
+        document.getElementById('impGuild').value = "";
+        document.getElementById('impOperator').innerHTML = '<option value="">-- Automática --</option>';
 
-function getLogoUrl(companyName) {
-    if (!companyName) return companyLogos['DEFAULT'];
-    const name = companyName.toString().toUpperCase();
-    const keyFound = Object.keys(companyLogos).find(key => name.includes(key));
-    return keyFound ? companyLogos[keyFound] : companyLogos['DEFAULT'];
-}
-
-// MODAL REDISEÑADO PARA CERO SCROLL
-function openEditor(id) {
-    const svc = scrapedData.find(s => s.id === id);
-    if(!svc) return;
-    const raw = svc.raw_data;
-    const companyName = raw['Compañía'] || raw['COMPAÑIA'] || raw['Procedencia'] || "";
-    const logoUrl = getLogoUrl(companyName);
-
-    // Cabecera compacta con el logo de Google Fetcher
-    document.getElementById('displayRef').innerText = `REF: ${svc.service_ref}`;
-    document.getElementById('displayCompany').innerText = companyName;
-    document.getElementById('modalCompanyLogo').innerHTML = `<img src="${logoUrl}" class="w-8 h-8 object-contain">`;
-
-    // Rellenado de campos (Solo lectura para nombre/teléfono)
-    document.getElementById('impScrapedId').value = id;
-    document.getElementById('impName').value = raw['Nombre Cliente'] || raw['CLIENTE'] || "";
-    const rawPhone = raw['Teléfono'] || raw['TELEFONOS'] || raw['TELEFONO'] || "";
-    document.getElementById('impPhone').value = rawPhone.match(/[6789]\d{8}/)?.[0] || "";
-    
-    // Dirección editable (Por si el robot capturó mal)
-    const addr = raw['Dirección'] || raw['DOMICILIO'] || "";
-    const pop = raw['Población'] || raw['POBLACION-PROVINCIA'] || "";
-    document.getElementById('impAddress').value = `${addr} ${pop}`.trim();
-    document.getElementById('impCP').value = raw['Código Postal'] || "";
-    
-    // Descripción de la avería (Limpia según lógica de robot)
-    document.getElementById('impDesc').value = raw['Descripción'] || "";
-
-    document.getElementById('importModal').classList.remove('hidden');
-    lucide.createIcons();
-}
+        document.getElementById('importModal').classList.remove('hidden');
+        lucide.createIcons();
+    }
+</script>
 
 // CORRECCIÓN EN EL RENDERIZADO DEL LISTADO
 // Asegúrate de que en loadInbox() la imagen tenga un onError para evitar el cuadro blanco