var Notif = {
    inhibed: false,
    focused: false,
    call_status: null,
    tab_counter1: 0,
    tab_counter2: 0,
    tab_counter1_key: 'chat',
    tab_counter2_key: 'news',
    document_title_init: null,
    document_title: document.title,
    notifs_key: '',
    favicon: null,

    audioCall: null,

    incomingMessage: function () {
        if (NOTIFICATION_CHAT) {
            var tone = new Audio(BASE_URI + 'theme/audio/message.opus');
            tone.play();
        }
    },
    incomingCall: function () {
        if (NOTIFICATION_CALL) {
            Notif.audioCall = new Audio(BASE_URI + 'theme/audio/call.opus');
            Notif.audioCall.addEventListener('ended', function () {
                this.currentTime = 0;
                this.play();
            }, false);
            Notif.audioCall.play();
        }
    },
    userJoinedCall: function () {
        var tone = new Audio(BASE_URI + 'theme/audio/user_joined.opus');
        tone.play();
    },
    userLeftCall: function () {
        var tone = new Audio(BASE_URI + 'theme/audio/user_left.opus');
        tone.play();
    },
    incomingCallAnswer: function () {
        if (Notif.audioCall) {
            Notif.audioCall.pause();
            Notif.audioCall.currentTime = 0;
        }
    },
    inhibit: function (sec) {
        Notif.inhibed = true;

        if (sec == null) sec = 5;

        setTimeout(function () {
            Notif.inhibed = false;
        },
            sec * 1000);
    },
    refresh: function (keys) {
        var counters = document.querySelectorAll('.counter');
        for (i = 0; i < counters.length; i++) {
            var n = counters[i];
            if (n.dataset.key != null
                && keys[n.dataset.key] != null) {
                if (keys[n.dataset.key] > 100) keys[n.dataset.key] = '+100';
                n.innerHTML = keys[n.dataset.key];
            }
        }

        for (var key in keys) {
            var counter = keys[key];
            Notif.setTab(key, counter);
        }

        Notif.displayTab();

        if (typeof BottomNavigation == 'object') BottomNavigation.setChatNotification(keys)
    },
    counter: function (key, counter) {
        var counters = document.querySelectorAll('.counter');
        for (i = 0; i < counters.length; i++) {
            var n = counters[i];
            if (n.dataset.key != null
                && n.dataset.key == key) {
                var htmlCounter = String(counter);
                if (counter > 100) htmlCounter = '+100';
                if (counter == 0) htmlCounter = '';
                n.innerHTML = htmlCounter;
            }
        }

        Notif.setTab(key, counter);
        Notif.displayTab();

        if (typeof BottomNavigation == 'object') BottomNavigation?.setChatNotification({ [key]: counter });
    },
    setTab: function (key, counter) {
        if (Notif.tab_counter1_key == key) {
            Notif.tab_counter1 = counter;
        }
        if (Notif.tab_counter2_key == key) {
            Notif.tab_counter2 = counter;
        }
    },
    setTitle: function (title) {
        Notif.document_title = title;
        Notif.displayTab();
    },
    setCallStatus: function (status) {
        Notif.call_status = status;
        Notif.displayTab();
    },
    displayTab: function () {
        document.title = (Notif.call_status != null)
            ? Notif.call_status + ' | '
            : '';

        if (Notif.tab_counter1 == 0 && Notif.tab_counter2 == 0) {
            MovimFavicon.counter(0, 0);
            document.title += Notif.document_title;

            if (typeof window.electron !== 'undefined')
                window.electron.notification(false);

            if (typeof window.rambox !== 'undefined')
                window.rambox.setUnreadCount(0);
        } else {
            document.title +=
                Notif.tab_counter1
                + '∣'
                + Notif.tab_counter2
                + ' • '
                + Notif.document_title;

            MovimFavicon.counter(Notif.tab_counter1, Notif.tab_counter2);

            if (typeof window.electron !== 'undefined')
                window.electron.notification(Notif.tab_counter1 + Notif.tab_counter2);

            if (typeof window.rambox !== 'undefined')
                window.rambox.setUnreadCount(Notif.tab_counter1 + Notif.tab_counter2);
        }
    },
    current: function (key) {
        Notif.notifs_key = key;
        Notif_ajaxCurrent(Notif.notifs_key);
    },
    snackbar: function (html, time) {
        if (Notif.inhibed == true) return;

        target = document.getElementById('snackbar');

        if (target) {
            target.innerHTML = html;
        }

        setTimeout(function () {
            Notif.snackbarClear();
        }, time * 1000);
    },
    snackbarClear: function () {
        target = document.getElementById('snackbar');
        target.innerHTML = '';
    },
    desktop: function (tag, timestamp, title, body, picture, actions, data, force) {
        if (!force && (Notif.inhibed == true
            || Notif.focused
            || typeof Notification === 'undefined')
            || !window.Notification
            || !Notification.requestPermission) return;

        if (Notification.permission === 'granted') {
            Notif.checkPushSubscription();

            try {
                options = {
                    badge: '/theme/img/app/badge.png',
                    tag: tag,
                    timestamp: timestamp * 1000,
                    body: body,
                    icon: picture,
                    actions: actions,
                    data: data,
                    vibrate: [100, 50, 100],
                };

                if ('serviceWorker' in navigator) {
                    navigator.serviceWorker.getRegistration(SW_URI).then(registration => {
                        if (registration) {
                            registration.showNotification(title, options);
                        }
                    });
                } else {
                    var notification = new Notification(
                        title,
                        options
                    );

                    notification.onclick = function () {
                        window.location.href = data.url;
                        Notif.snackbarClear();
                        this.close();
                    }
                }
            } catch (e) {
                if (e.name == 'TypeError')
                    return false;
            }
        } else if (Notification.permission !== 'denied') {
            Notif_ajaxHttpRequest();
        }
    },
    clear: function (tag) {
        if ('serviceWorker' in navigator) {
            navigator.serviceWorker.getRegistration(SW_URI).then((registration) => {
                if (!registration) return;
                registration.getNotifications({ tag: tag }).then((notifications) =>
                    notifications.forEach(notification => notification.close())
                );
            });
        }
    },
    request: function () {
        Notification.requestPermission().then(permission => {
            (permission == 'granted')
                ? Notif_ajaxRequestGranted()
                : Notif_ajaxRequestDenied();
        });
    },
    focus: function () {
        if (Notif.focused == false) {
            Notif.focused = true;
            Notif.current(Notif.notifs_key);
        }
    },
    checkPushSubscription() {
        if ('serviceWorker' in navigator) {
            navigator.serviceWorker.getRegistration(SW_URI).then(registration => {
                if (!registration) return;

                registration.pushManager.getSubscription().then(pushSubscription => {
                    if (pushSubscription == null) {
                        // Register the push notification subcription
                        registration.pushManager.subscribe({
                            userVisibleOnly: true,
                            applicationServerKey: VAPID_PUBLIC_KEY
                        }).then(function (subscription) {
                            Notif.registerPushSubscription(subscription);
                        }).catch(function (e) {
                            console.error('Unable to subscribe to push', e);
                        });
                    } else {
                        Notif_ajaxHttpTouchPushSubscription(pushSubscription.endpoint);
                    }
                });
            });
        }
    },
    registerPushSubscription(subscription) {
        Notif_ajaxRegisterPushSubscrition(
            subscription.endpoint,
            MovimUtils.arrayBufferToBase64(subscription.getKey('auth')),
            MovimUtils.arrayBufferToBase64(subscription.getKey('p256dh')),
            window.navigator.userAgent
        );
    }
}

Notif.document_title_init = document.title;

if (typeof MovimWebsocket != 'undefined') {
    MovimWebsocket.attach(function () {
        Notif.document_title = Notif.document_title_init;
        Notif.tab_counter1 = Notif.tab_counter2 = 0;
        Notif_ajaxGet();
        Notif.current(Notif.notifs_key);

        MovimEvents.registerWindow('blur', 'notifs', () => {
            Notif.focused = false;
            Notif_ajaxCurrent('blurred');
        });

        MovimEvents.registerWindow('focus', 'notifs', () => Notif.focus());
    });
}