importScripts('https://www.gstatic.com/firebasejs/9.22.0/firebase-app-compat.js');
importScripts('https://www.gstatic.com/firebasejs/9.22.0/firebase-messaging-compat.js');

firebase.initializeApp({
    apiKey: "AIzaSyAYgYXsf4-iwSDEEBcNAJ3YJxz76C3STsU",
    authDomain: "student-management-syste-2e040.firebaseapp.com",
    projectId: "student-management-syste-2e040",
    storageBucket: "student-management-syste-2e040.appspot.com",
    messagingSenderId: "800148418884",
    appId: "1:800148418884:web:144b9c85bfeeec12252711",
    measurementId: "G-BNRM6QEJQV"
});

const messaging = firebase.messaging();

// Handle background messages
messaging.onBackgroundMessage((payload) => {
    console.log('Received background message:', payload);

    // Default notification options
    const notificationOptions = {
        body: 'You have a new message.',
        icon: '/static/img/logo.png',
        badge: '/static/img/logo.png',
        timestamp: Date.now(),
        requireInteraction: true,
        vibrate: [200, 100, 200],
        tag: 'notification-' + Date.now(),
        data: payload.data || {},
        actions: [
            {
                action: 'open',
                title: 'Open'
            },
            {
                action: 'close',
                title: 'Close'
            }
        ]
    };

    // Set notification title and body based on payload
    let notificationTitle = 'New Notification';
    if (payload.notification) {
        notificationTitle = payload.notification.title || notificationTitle;
        notificationOptions.body = payload.notification.body || notificationOptions.body;
        if (payload.notification.icon) {
            notificationOptions.icon = payload.notification.icon;
        }
    } else if (payload.data) {
        notificationTitle = payload.data.title || notificationTitle;
        notificationOptions.body = payload.data.body || notificationOptions.body;
    }

    // Show the notification
    return self.registration.showNotification(notificationTitle, notificationOptions)
        .catch(error => {
            console.error('Error showing notification:', error);
        });
});

// Handle notification click
self.addEventListener('notificationclick', (event) => {
    console.log('Notification clicked:', event);
    
    event.notification.close();

    if (event.action === 'open') {
        // Handle open action
        const urlToOpen = event.notification.data.url || '/app/dashboard/';
        event.waitUntil(
            clients.openWindow(urlToOpen)
        );
    }
});

// Handle service worker installation
self.addEventListener('install', (event) => {
    console.log('Service Worker installed');
    self.skipWaiting();
});

// Handle service worker activation
self.addEventListener('activate', (event) => {
    console.log('Service Worker activated');
    event.waitUntil(clients.claim());
});