pds/app/Providers/Filament/AdminPanelProvider.php

<?php

namespace App\Providers\Filament;

use Althinect\FilamentSpatieRolesPermissions\FilamentSpatieRolesPermissionsPlugin;
use App\Filament\Pages\InvoiceDashboard;
use Filament\Facades\Filament;
use Filament\Http\Middleware\Authenticate;
use Filament\Http\Middleware\AuthenticateSession;
use Filament\Http\Middleware\DisableBladeIconComponents;
use Filament\Http\Middleware\DispatchServingFilamentEvent;
use Filament\Navigation\MenuItem;
use Filament\Navigation\NavigationGroup;
use Filament\Navigation\NavigationItem;
use Filament\Pages;
use Filament\Panel;
use Filament\PanelProvider;
use Filament\Support\Colors\Color;
use Filament\Widgets;
use Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse;
use Illuminate\Cookie\Middleware\EncryptCookies;
use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken;
use Illuminate\Routing\Middleware\SubstituteBindings;
use Illuminate\Session\Middleware\StartSession;
use Illuminate\View\Middleware\ShareErrorsFromSession;
use Althinect\FilamentSpatieRolesPermissions\Middleware\SyncSpatiePermissionsWithFilamentTenants;
use Filament\View\PanelsRenderHook;
use Filament\Support\Facades\FilamentView;

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {

        return $panel
            ->default()
            ->id('admin')
            ->path('admin')
            ->login()
            // ->maxContentWidth(MaxWidth::Small)
           //->simplePageMaxContentWidth(MaxWidth::Medium)

        //     ->login(Login::class, function (Login $login) {
        //     $login->formActions([
        //         ...$login->getFormActions(),
        //         Action::make('forgotPassword')
        //             ->label('Forgot your password?')
        //             ->url(route('password.request')),
        //     ]);
        // })
           // ->forgotPassword()
            // ->favicon(asset('/assets/crilogo1.png'))
            ->favicon(asset('/assets/crilogo1.png'))
            ->colors([
                'primary' => Color::Amber,
            ])
            ->discoverResources(in: app_path('Filament/Resources'), for: 'App\\Filament\\Resources')
            ->discoverPages(in: app_path('Filament/Pages'), for: 'App\\Filament\\Pages')
            ->pages([
            ])
            ->discoverWidgets(in: app_path('Filament/Widgets'), for: 'App\\Filament\\Widgets')
            // ->widgets([
            //     Widgets\AccountWidget::class,
            //     Widgets\FilamentInfoWidget::class,
            // ])
            ->middleware([
                EncryptCookies::class,
                AddQueuedCookiesToResponse::class,
                StartSession::class,
                AuthenticateSession::class,
                ShareErrorsFromSession::class,
                VerifyCsrfToken::class,
                SubstituteBindings::class,
                DisableBladeIconComponents::class,
                DispatchServingFilamentEvent::class,
            ])
            ->authMiddleware([
                Authenticate::class,
            ])
            ->tenantMiddleware([
                SyncSpatiePermissionsWithFilamentTenants::class,
            ], isPersistent: true)
            ->databaseNotifications()
        //     ->renderHook(PanelsRenderHook::AUTH_LOGIN_FORM_AFTER, function () {
        //     // Use Filament panel helper for login URL and custom route for forgot password
        //     return '<div class="mt-4 text-center">
        //                 <a href="' . route('filament.admin.forgot-password') . '" class="text-primary-600 hover:underline">
        //                     Forgot your password?
        //                 </a>
        //             </div>';
        // })
        //->renderHook('panels::body.end', fn () => view('components.pages.folder-picker-script'))
            ->renderHook(
                PanelsRenderHook::SIDEBAR_NAV_START,
                fn () => view('components.navigation-filter')
            )
            ->plugin(FilamentSpatieRolesPermissionsPlugin::make());
    }

    public function boot(): void
    {

        FilamentView::registerRenderHook(
            'panels::head.end',
            fn() => '
                <link rel="manifest" href="' . asset('manifest.json') . '">
                <meta name="theme-color" content="#007bff">
                <script>
                    if ("serviceWorker" in navigator) {
                        navigator.serviceWorker.register("/sw.js")
                            .then(reg => console.log("Service Worker registered:", reg.scope))
                            .catch(err => console.error("Service Worker registration failed:", err));
                    }
                </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>
    //         '
    //     );

        FilamentView::registerRenderHook('panels::body.end', function () {
            return '<script src="' . asset('js/pwa-install.js') . '"></script>';
        });
    }


}