$(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) {
       // $(".conexao_confere").removeClass("hide");
        setTimeout(function () {
            //ativa sincronização dos dados
            $(".conexao_confere").addClass("hide");
            // $(".sincronizar").each(function (e) {
            //     console.log($(this).data('id'));
            //     $('.sincronizar_' + $(this).data('id')).removeClass("hide");
            // });
            // $(".tickets_loaded_online .event_online").removeClass("hide");
            $(".event_online").filter(function () {
                    return $(this).closest(".ticket-in-cache").length === 0;
                    })
                .removeClass("hide");
            $(".mode_offline").addClass("hide");
            $(".event_offline").addClass("hide");
        }, 20);
    } 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() {
        $(".conexao_confere").removeClass("hide");
        setTimeout(function () {
            $(".conexao_confere").addClass("hide");
            if (navigator.onLine) {

                //  $("#div_sync_tickets").removeClass('hide');
                $(".mode_offline").addClass("hide");
                $(".event_offline").addClass("hide");
                $(".event_online").filter(function () {
                    return $(this).closest(".ticket-in-cache").length === 0;
                    })
                .removeClass("hide");
                

                $("#nav_table").parent().removeClass("hide");
                $("#nav_table").click();
                // $("body").removeClass("mini-navbar");
                $('.navbar-header').removeClass("hide");
//                if ($('body').hasClass("mini-navbar")) {
//                    mini_menu = true;
//                } else {
//                    $("body").removeClass("mini-navbar");
                mini_menu = false;
//                }
                // $(".sidebar-collapse").removeClass("hide");
                // $('#page-wrapper').css('margin', '0 0 0 220px');

                //ativa sincronização dos dados
                // $(".sincronizar").each(function (e) {
                //     console.log($(this).data('id'));
                //     $('.sincronizar_' + $(this).data('id')).removeClass("hide");
                // });


            }else{
                
            }
        }, 3000);
    }

    function pageOffline() {
//        $("#div_sync_tickets").addClass('hide');
        console.log("offline");
        $(".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;
        }
        $("#nav_table_offline").click();
        // $(".sidebar-collapse").addClass("hide");
        // $('#page-wrapper').css('margin', 0);
    }
});