From 0f3ccfb9b7cf70a52835254ad9b3d9f67c1e6373 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Sat, 28 Feb 2026 22:14:17 +0000
Subject: [PATCH] Actualizar proveedores.html

---
 proveedores.html | 51 +++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 44 insertions(+), 7 deletions(-)

diff --git a/proveedores.html b/proveedores.html
index be8dfb7..212e64f 100644
--- a/proveedores.html
+++ b/proveedores.html
@@ -118,7 +118,7 @@
                         </div>
                     </div>
                 </div>
-               <div class="flex items-center gap-4 text-left">
+                <div class="flex items-center gap-4 text-left">
                     <div class="flex flex-col items-end mr-2 text-left">
                         <span class="text-[9px] font-black text-slate-400 uppercase mb-1">Estado Operativo</span>
                         <select id="impStatus" class="bg-blue-50 text-blue-700 border border-blue-200 text-xs font-black px-3 py-1.5 rounded-xl outline-none focus:border-blue-400 cursor-pointer shadow-sm">
@@ -132,7 +132,7 @@
                             <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 text-left">
+                    <button type="button" onclick="closeModal()" class="bg-slate-50 p-2 rounded-full hover:bg-red-50 hover:text-red-500 transition-all text-left">
                         <i data-lucide="x" class="w-5 h-5"></i>
                     </button>
                 </div>
@@ -653,7 +653,7 @@
         lucide.createIcons();
     }
 
-    async function openEditor(id) {
+    async function openEditor(id, isArchived = false) {
         const svc = scrapedData.find(s => s.id === id);
         if(!svc) return;
         const raw = svc.raw_data;
@@ -662,7 +662,12 @@
         document.getElementById('modalCompanyLogo').innerHTML = `<img src="${getLogoUrl(companyName)}" class="max-w-full max-h-full object-contain">`;
         document.getElementById('displayRef').innerText = `REF: ${svc.service_ref}`;
         document.getElementById('displayCompany').innerText = companyName;
-        document.getElementById('modalStatusBadge').innerHTML = `<span class="text-[9px] bg-emerald-50 text-emerald-600 px-3 py-1 rounded-full font-black border border-emerald-100">SERVICIO ACTIVO</span>`;
+        
+        if (isArchived) {
+            document.getElementById('modalStatusBadge').innerHTML = `<span class="text-[9px] bg-slate-100 text-slate-500 px-3 py-1 rounded-full font-black border border-slate-200"><i data-lucide="archive" class="w-2.5 h-2.5 inline mr-1"></i> ARCHIVADO</span>`;
+        } else {
+            document.getElementById('modalStatusBadge').innerHTML = `<span class="text-[9px] bg-emerald-50 text-emerald-600 px-3 py-1 rounded-full font-black border border-emerald-100">SERVICIO ACTIVO</span>`;
+        }
 
         document.getElementById('impScrapedId').value = id;
         document.getElementById('impName').value = raw['Nombre Cliente'] || raw['CLIENTE'] || "S/N";
@@ -681,7 +686,6 @@
         document.getElementById('impNotesInt').value = raw['internal_notes'] || "";
         document.getElementById('impNotesExt').value = raw['client_notes'] || "";
         
-        // CORRECCIÓN BLINDADA DEL SELECTOR DE GREMIOS
         const rawGuildId = svc.guild_id || raw['guild_id'] || raw.guild_id;
         document.getElementById('impGuild').value = rawGuildId ? String(rawGuildId) : "";
         
@@ -692,6 +696,38 @@
             document.getElementById('impOperator').innerHTML = '<option value="">-- Automática --</option>';
         }
 
+        // --- CARGAR ESTADOS EN EL SELECTOR ---
+        const statusSelect = document.getElementById('impStatus');
+        statusSelect.innerHTML = '<option value="">(Sin Estado)</option>';
+        systemStatuses.forEach(st => {
+            statusSelect.innerHTML += `<option value="${st.id}">${st.name.toUpperCase()}</option>`;
+        });
+        if (raw.status_operativo) statusSelect.value = raw.status_operativo;
+
+        // --- BLOQUEAR INPUTS SI ESTÁ ARCHIVADO ---
+        const inputsToLock = ['impName', 'impPhone', 'impAddress', 'impCP', 'impDesc', 'impUrgent', 'impGuild', 'impOperator', 'impNotesExt'];
+        inputsToLock.forEach(inputId => {
+            const el = document.getElementById(inputId);
+            if (!el) return;
+            
+            if (isArchived) {
+                el.setAttribute('readonly', 'true');
+                el.classList.add('bg-slate-100', 'text-slate-400', 'cursor-not-allowed');
+                if (el.tagName === 'SELECT') el.style.pointerEvents = 'none';
+            } else {
+                el.removeAttribute('readonly');
+                el.classList.remove('bg-slate-100', 'text-slate-400', 'cursor-not-allowed');
+                if (el.tagName === 'SELECT') el.style.pointerEvents = 'auto';
+            }
+        });
+
+        // Bloqueamos el botón de Traspaso Manual y Enviar a Bolsa si está archivado
+        const btnsToHide = document.querySelectorAll('button[type="submit"], button[onclick="sendToQueue()"]');
+        btnsToHide.forEach(btn => {
+            if(isArchived) btn.classList.add('hidden');
+            else btn.classList.remove('hidden');
+        });
+
         document.getElementById('importModal').classList.remove('hidden');
         lucide.createIcons();
     }
@@ -713,7 +749,8 @@
             assigned_to: document.getElementById('impOperator').value,
             assigned_to_name: opName,
             internal_notes: document.getElementById('impNotesInt').value,
-            client_notes: document.getElementById('impNotesExt').value
+            client_notes: document.getElementById('impNotesExt').value,
+            status_operativo: document.getElementById('impStatus').value || null // <-- CAMPO NUEVO
         };
     }
 
@@ -830,6 +867,6 @@
         m.innerText = msg; t.classList.remove('hidden');
         setTimeout(() => t.classList.add('hidden'), 4000);
     }
-</script>
+    </script>
 </body>
 </html>
\ No newline at end of file