Actualizar index.html

index.html

@@ -359,9 +359,18 @@
                 if (!data.ok) throw new Error("Token inválido");
                 
                 const servicesList = data.services || [];
-                
                 currentQuotes = data.quotes || [];
 
+                // 🛑 LÓGICA DEL BANNER: Si NO tiene suscripción activa, se lo enseñamos
+                const promoBanner = document.getElementById('promo-banner');
+                if (promoBanner) {
+                    if (data.subscription) {
+                        promoBanner.classList.add('hidden'); // Ya tiene el plan, lo ocultamos
+                    } else {
+                        promoBanner.classList.remove('hidden'); // No tiene el plan, lo mostramos
+                    }
+                }
+
                 renderPortal(data.client, data.company, servicesList);
                 
                 renderQuotes(); 
@@ -515,6 +524,29 @@ if (hasUnseenPending && isAvisosTab) {
                 </div>`;
             });
             
+            container.innerHTML = html;
+                <div onclick="openQuoteModal(${q.id})" class="bg-white p-5 rounded-[2rem] shadow-sm border ${isViewed ? 'border-slate-100' : 'border-blue-400 ring-2 ring-blue-50'} relative cursor-pointer active:scale-95 transition-all text-left">
+                    ${!isViewed ? '<div class="absolute top-5 right-5 w-3 h-3 bg-red-500 rounded-full animate-pulse shadow-sm border-2 border-white"></div>' : ''}
+                    
+                    <div class="flex items-center gap-3 mb-3">
+                        <div class="w-10 h-10 rounded-xl ${isViewed ? 'bg-slate-50 text-slate-400' : 'bg-blue-50 text-blue-600'} flex items-center justify-center shrink-0">
+                            <i data-lucide="file-text" class="w-5 h-5"></i>
+                        </div>
+                        <div class="flex-1 min-w-0">
+                            <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest leading-none mb-1">REF #${refStr}</p>
+                            <h3 class="font-black text-slate-800 text-sm leading-tight pr-6 truncate">${titleStr}</h3>
+                            ${statusBadge}
+                        </div>
+                    </div>
+                    
+                    <div class="flex justify-between items-end border-t border-slate-100 pt-3 mt-1">
+                        <span class="text-[10px] font-bold text-slate-500 flex items-center gap-1"><i data-lucide="calendar" class="w-3 h-3"></i> ${dateStr}</span>
+                        <span class="text-lg font-black text-slate-800">${amountStr}€</span>
+                    </div>
+                    ${quickPayButton}
+                </div>`;
+            });
+            
             container.innerHTML = html;
             updateQuotesBadges(unseenCount);