{{-- OneSignal Web Push Notifications --}}
@if(config('services.onesignal.app_id'))
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
    window.OneSignal = window.OneSignal || [];
    OneSignal.push(function() {
        OneSignal.init({
            appId: "{{ config('services.onesignal.app_id') }}",
            safari_web_id: "web.onesignal.auto.{{ config('services.onesignal.app_id') }}",
            notifyButton: {
                enable: true,
            },
            allowLocalhostAsSecureOrigin: {{ config('app.env') === 'local' ? 'true' : 'false' }},
            promptOptions: {
                slidedown: {
                    prompts: [
                        {
                            type: "push",
                            autoPrompt: true,
                            text: {
                                actionMessage: "Nous aimerions vous envoyer des notifications pour vous tenir informé de vos cotisations MIB et actualités importantes.",
                                acceptButton: "Autoriser",
                                cancelButton: "Non merci"
                            },
                            delay: {
                                pageViews: 1,
                                timeDelay: 3
                            }
                        }
                    ]
                }
            }
        });

        // When user subscribes, save the player ID to the backend
        OneSignal.push(function() {
            OneSignal.on('subscriptionChange', function (isSubscribed) {
                console.log("OneSignal subscription changed:", isSubscribed);

                if (isSubscribed) {
                    OneSignal.getUserId(function(userId) {
                        console.log("OneSignal User ID (Player ID):", userId);

                        // Save the player ID to the user's account
                        @auth
                        fetch('/api/user/onesignal/player-id', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                            },
                            body: JSON.stringify({
                                player_id: userId
                            })
                        })
                        .then(response => response.json())
                        .then(data => {
                            console.log('Player ID saved successfully:', data);
                        })
                        .catch(error => {
                            console.error('Error saving player ID:', error);
                        });
                        @endauth
                    });
                }
            });

            // Auto-subscribe logged-in users
            @auth
            OneSignal.isPushNotificationsEnabled(function(isEnabled) {
                if (isEnabled) {
                    // User is already subscribed, save their player ID
                    OneSignal.getUserId(function(userId) {
                        if (userId) {
                            console.log("Already subscribed. Player ID:", userId);

                            // Save the player ID
                            fetch('/api/user/onesignal/player-id', {
                                method: 'POST',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                },
                                body: JSON.stringify({
                                    player_id: userId
                                })
                            })
                            .then(response => response.json())
                            .then(data => {
                                console.log('Player ID updated successfully:', data);
                            })
                            .catch(error => {
                                console.error('Error updating player ID:', error);
                            });
                        }
                    });
                } else {
                    // User is not subscribed, prompt them automatically
                    console.log("User is logged in but not subscribed. Showing prompt...");

                    // Check if they haven't dismissed the prompt recently
                    setTimeout(function() {
                        OneSignal.showSlidedownPrompt();
                    }, 3000); // Show prompt after 3 seconds
                }
            });
            @endauth

            // For non-authenticated users, just check status
            @guest
            OneSignal.isPushNotificationsEnabled(function(isEnabled) {
                if (isEnabled) {
                    console.log("Guest user is subscribed to notifications");
                }
            });
            @endguest
        });

        // Handle notification clicks
        OneSignal.push(function() {
            OneSignal.on('notificationDisplay', function(event) {
                console.log('OneSignal notification displayed:', event);
            });
        });
    });
</script>
@endif