$(document).ready(function (){   
 
    if ('serviceWorker' in navigator) {
        const version = '1.0.0';  // Substitua pela sua versão real ou use um timestamp
        const swUrl = `/service-worker.js?v=${version}`;
    
        navigator.serviceWorker.register(swUrl).then(registration => {
            console.log('ServiceWorker registration successful with scope: ', registration.scope);
    
            // Espera até que o Service Worker esteja pronto para controlar a página
            return navigator.serviceWorker.ready;
        })
        .then(registration => {
            console.log('Service Worker ready and controlling the page:', registration.active);
            
            // Força a atualização do service worker
            if (registration.waiting) {
                registration.waiting.postMessage({ type: 'SKIP_WAITING' });
            } else if (registration.active) {
                registration.update();
            }
        })
        .catch(error => {
            console.log('ServiceWorker registration failed: ', error);
        });
    }
    

      
    // if ('serviceWorker' in navigator) {
    //     navigator.serviceWorker.register('/service-worker.js').then(registration => {
    //     console.log('ServiceWorker registration successful with scope: ', registration.scope);
    
    //     // Espera até que o Service Worker esteja pronto para controlar a página
    //     return navigator.serviceWorker.ready;
    //     })
    //     .then(registration => {
    //     console.log('Service Worker ready and controlling the page:', registration.active);
    //     })
    //     .catch(error => {
    //     console.log('ServiceWorker registration failed: ', error);
    //     });
    // }
      
    $("#btn_sync_tickets").click(function (e) {
        $('#wrapper').hide('slow');

        var section = $('section');
        var newDiv = $('<div>');
        newDiv.addClass('loading-sync-tickets');
        newDiv.attr('id', 'div-loading-sync-tickets');
        newDiv.html('POR FAVOR AGUARDE ENQUANTO SINCRONIZAMOS SEUS TICKETS. <br/>IMPORTANTE: NÃO FAÇA RELOAD NESSA PÁGINA.<br/><br/><br/><div id="spinner_update"><i class="fa fa-spinner fa-spin fa-5x" aria-hidden="true"></i></div>');
        section.append(newDiv);
        postDataFormOffline();
    });

    //VERIFICAÇÃO ONLINE
    if (navigator.onLine) {
        // pageOnline();
    } else {
        pageOffline();
    }

    window.addEventListener('offline', function (e) {
        pageOffline();
        $('#div_sync_tickets').addClass('hide');
    });

    window.addEventListener('online', function (e) {
        pageOnline();
    });

    var mini_menu = false;
    function pageOnline() {
        setTimeout(function() {
            if (navigator.onLine) {
                $("#div_sync_tickets").removeClass('hide');
                // $(".mode_offline").addClass("hide");
            }
        }, 30000);
    }

    function pageOffline() {
        $("#div_sync_tickets").addClass('hide');
        $(".event_online").addClass("hide");
        $(".event_offline").removeClass("hide");
        $(".mode_offline").removeClass("hide");
        $("body").removeClass("mini-navbar");
        $('.navbar-header').addClass("hide");
        if ($('body').hasClass("mini-navbar")) {
            mini_menu = false;
        } else {
            $("body").addClass("mini-navbar");
            mini_menu = true;
        }
        $(".sidebar-collapse").addClass("hide");
        $('#page-wrapper').css('margin', 0);
    }
});