sustitude flet by flask

app/templates/base.html

@@ -78,10 +78,15 @@
             notif.innerHTML = `<i class="fas fa-info-circle"></i> <span>${text}</span>`;
             container.appendChild(notif);
 
+            // System Notification (more reliable via Service Worker)
             if ("Notification" in window && Notification.permission === "granted") {
-                new Notification("MAKER SPACE", {
-                    body: text,
-                    icon: "/static/assets/icon192x192.png"
+                navigator.serviceWorker.ready.then(registration => {
+                    registration.showNotification("MAKER SPACE", {
+                        body: text,
+                        icon: "/static/assets/icon192x192.png",
+                        vibrate: [200, 100, 200],
+                        badge: "/static/assets/favicon.png"
+                    });
                 });
             }
 
@@ -91,10 +96,19 @@
             }, 5000);
         }
 
-        // Notification Permission
-        document.getElementById('notif-btn').addEventListener('click', () => {
+        // Notification Permission with feedback
+        const notifBtn = document.getElementById('notif-btn');
+        notifBtn.addEventListener('click', () => {
             if ("Notification" in window) {
-                Notification.requestPermission();
+                Notification.requestPermission().then(permission => {
+                    if (permission === 'granted') {
+                        notifBtn.style.color = '#10b981';
+                        showNotification("Notificaciones activadas", "green");
+                    } else if (permission === 'denied') {
+                        notifBtn.style.color = '#ef4444';
+                        alert("Has bloqueado las notificaciones. Actívalas en la configuración de tu navegador.");
+                    }
+                });
             }
         });