From 6dc9b898515724ac2b82ab2f223989bd0079eb38 Mon Sep 17 00:00:00 2001
From: dhanabalan <dhana@example.com>
Date: Tue, 4 Nov 2025 16:32:02 +0530
Subject: [PATCH] Add install popup for PWA in AdminPanelProvider

---
 app/Providers/Filament/AdminPanelProvider.php | 66 +++++++++++++++++++
 1 file changed, 66 insertions(+)

diff --git a/app/Providers/Filament/AdminPanelProvider.php b/app/Providers/Filament/AdminPanelProvider.php
index 04211a9..6d1c40e 100644
--- a/app/Providers/Filament/AdminPanelProvider.php
+++ b/app/Providers/Filament/AdminPanelProvider.php
@@ -99,6 +99,7 @@ class AdminPanelProvider extends PanelProvider
 
     public function boot(): void
     {
+
         FilamentView::registerRenderHook(
             'panels::head.end',
             fn() => '
@@ -113,6 +114,71 @@ class AdminPanelProvider extends PanelProvider
                 </script>
             '
         );
+
+        /**
+         * ✅ 2. Add install popup for mobile/desktop
+         */
+        FilamentView::registerRenderHook(
+            'panels::body.end',
+            fn() => '
+                <script>
+                    let deferredPrompt;
+
+                    window.addEventListener("beforeinstallprompt", (e) => {
+                        e.preventDefault();
+                        deferredPrompt = e;
+
+                        if (document.getElementById("install-banner")) return;
+
+                        const banner = document.createElement("div");
+                        banner.id = "install-banner";
+                        banner.innerHTML = `
+                            <div style="
+                                position: fixed;
+                                bottom: 20px;
+                                left: 20px;
+                                right: 20px;
+                                background: var(--fi-color-primary, #007bff);
+                                color: white;
+                                padding: 15px;
+                                border-radius: 10px;
+                                text-align: center;
+                                font-family: system-ui, sans-serif;
+                                box-shadow: 0 4px 10px rgba(0,0,0,0.3);
+                                z-index: 99999;
+                            ">
+                                <span style="font-size: 16px;">📱 Install <b>Quality Dashboard</b> App?</span><br>
+                                <button id="installBtn" style="
+                                    margin-top: 10px;
+                                    background: white;
+                                    color: var(--fi-color-primary, #007bff);
+                                    border: none;
+                                    padding: 8px 16px;
+                                    border-radius: 6px;
+                                    font-weight: 600;
+                                    cursor: pointer;
+                                ">Install</button>
+                            </div>
+                        `;
+                        document.body.appendChild(banner);
+
+                        document.getElementById("installBtn").addEventListener("click", async () => {
+                            banner.remove();
+                            deferredPrompt.prompt();
+                            const { outcome } = await deferredPrompt.userChoice;
+                            console.log("User install choice:", outcome);
+                            deferredPrompt = null;
+                        });
+                    });
+
+                    window.addEventListener("appinstalled", () => {
+                        console.log("🎉 PWA installed successfully!");
+                        const banner = document.getElementById("install-banner");
+                        if (banner) banner.remove();
+                    });
+                </script>
+            '
+        );
     }