Actualizar calendario.html

calendario.html

@@ -615,6 +615,14 @@
                 const estadoCia = raw['ACTUALMENTE EN'] || raw['Estado'] || raw['ESTADO'] || raw['Situación'] || "";
                 const tagEstado = estadoCia ? `<span class="text-[8px] font-black bg-amber-50 text-amber-600 px-2 py-0.5 rounded uppercase border border-amber-200 truncate max-w-[150px]" title="${estadoCia}">${estadoCia}</span>` : '';
 
+                // 🛑 NUEVO: EXTRAER Y PINTAR LOS ICONOS DE CANDADO Y OJOS
+                const hasLock = raw.has_lock === true || String(raw.has_lock) === 'true';
+                const hasEyes = raw.has_eyes === true || String(raw.has_eyes) === 'true';
+                
+                let alertBadges = '';
+                if (hasLock) alertBadges += `<span class="bg-slate-800 text-white px-1.5 py-0.5 rounded text-[10px] shadow-sm inline-flex items-center" title="Gestora (Candado)"><i data-lucide="lock" class="w-3 h-3"></i></span>`;
+                if (hasEyes) alertBadges += `<span class="bg-amber-500 text-white px-1.5 py-0.5 rounded animate-pulse text-[10px] shadow-sm inline-flex items-center" title="Requiere Información (Ojos)"><i data-lucide="eye" class="w-3 h-3"></i></span>`;
+
                 return `
                 <div onclick="openService(${s.id})" class="bg-white p-6 rounded-[2.5rem] border ${hasNewMessage ? 'border-blue-400 ring-2 ring-blue-50' : 'border-slate-200'} shadow-sm active:scale-95 transition-transform flex gap-4 relative overflow-hidden text-left">
                     
@@ -638,7 +646,10 @@
                             <span class="text-[8px] font-black bg-blue-50 text-blue-600 px-2 py-0.5 rounded uppercase border border-blue-100">${guildObj ? guildObj.name : 'Reparación'}</span>
                             ${tagEstado}
                         </div>
+                        <div class="flex items-center gap-1.5">
                             <h3 class="font-black text-slate-800 text-sm uppercase leading-tight truncate">${name}</h3>
+                            ${alertBadges}
+                        </div>
                         <p class="text-[10px] font-bold text-slate-400 mt-1 truncate uppercase flex items-center gap-1.5"><i data-lucide="map-pin" class="w-3 h-3 shrink-0"></i> ${addr}</p>
                     </div>
                 </div>`;