//
var logCheckboxes = {};

var submenuId = "";

// Store ongoing AJAX requests in an array
var ongoingRequests = [];

// Start an AJAX request and add it to the ongoingRequests array
function storeRequest(request) { 
    ongoingRequests.push(request);
}

var vvUserActivityTimer = null;

// Abort all ongoing AJAX requests
function abortAllRequests() {
    for (let i = 0; i < ongoingRequests.length; i++) {
        if(ongoingRequests[i].readyState != 4){
            ongoingRequests[i].abort();
            console.log('About ongoing request ',ongoingRequests[i]);
            //delete ongoingRequests[i];
        }
    }
    abortAllImageLoading();
    //vvLoadHide();
    
}

// Listen for the readystatechange event on the window object
$(window).on('readystatechange', function () {
    if (document.readyState === 'complete') {
        abortAllRequests();
    }
});

// Listen for the popstate event on the window object
$(window).on('popstate', function () {
    abortAllRequests();
});

// Bind the event listener to the beforeunload event
window.addEventListener('beforeunload', abortAllRequests);

let lastPingTime = 0;
const cooldownDuration = 30000; // Cooldown duration in milliseconds

// Function to handle mousemove event
function handleMousemove() {
    const currentTime = Date.now();
    if (currentTime - lastPingTime >= cooldownDuration) {
        vvSendPing({},'handleMousemove');
        lastPingTime = currentTime;
    }
}


var userOnScreen = true;

// Function to handle window focus event
function handleWindowFocus() { 
    console.log('welcome back'); 
    const currentTime = Date.now();
    if (currentTime - lastPingTime >= cooldownDuration) {
        vvSendPing({},'handleWindowFocus');
        lastPingTime = Date.now();
    }
}

// Function to handle visibility change event
function handleVisibilityChange() {
    if (document.visibilityState === "visible") {
        userOnScreen = true;
        console.log("User returned to the tab");
        const currentTime = Date.now();
        if (currentTime - lastPingTime >= cooldownDuration) {
            vvSendPing({},'handleVisibilityChange');
            setPollTimer(3000,'handleVisibilityChange');
            lastPingTime = Date.now();
        }
    } else {
        userOnScreen = false;
        console.log("User switched to a different tab or minimized the browser");
    }
}

// Add event listeners
document.addEventListener("mousemove", handleMousemove);
window.addEventListener("focus", handleWindowFocus);
document.addEventListener("visibilitychange", handleVisibilityChange);


var _vvChangingSite = false;
var vvChangeSiteId = function($id){
    _vvChangingSite = true;
    vvLoadShow();
    $('.dropdown-menu').removeClass('show');
    $(document).trigger('vvChangeSiteId',$id);

    vvDebugg('+++ vvChangeSiteId -> '+$id);

    storeRequest(
        $.get('/?init=vvChangeSiteId&id='+$id,{},function(data){
        vvDebugg(data);
        window.location.reload();
        })
    );
}    

async function vvGetAutomaticData(){
    storeRequest(
        $.ajax({
            url:settings['PIPE_URL']+'/?init=vvGetAutomaticProgressData',
            data:{'utoken':settings['utoken'],page:window.location.pathname,site_id:settings['site_id']},
            type:'POST',
            dataType:"JSON",
            beforeSend: function(){
                console.log('------->> vvGetAutomaticProgressData send');
            },
            complete: function(data){   
                console.log('------->> vvGetAutomaticProgressData Completed');
            },
            success: function(data){
                console.log('------->> vvGetAutomaticProgressData Data::');
                console.log(data);
                for(i in data){
                    item = data[i];
                    console.log(item);
                    if($('#'+item.key).get(0) == undefined){
                        $(".header-alerts").append(HtmlDecode(item.html));
                    }
                }
            }
        })
    );
}


async function vvGetEmailsProgressData(){
  
    storeRequest(
        $.ajax({
            url:settings['PIPE_URL']+'/?init=vvGetEmailsProgressData',
            data:{'utoken':settings['utoken'],page:window.location.pathname},
            type:'POST',
            dataType:"JSON",
            beforeSend: function(){
                console.log('------->> vvGetEmailsProgressData send');
            },
            complete: function(data){   
                console.log('------->> vvGetEmailsProgressData Completed');
            },
            success: function(data){
                console.log('------->> vvGetEmailsProgressData Data::');
                console.log(data);
                for(i in data){
                    item = data[i];
                    console.log(item);
                    if($('#'+item.key).get(0) == undefined){
                        $(".header-alerts").append(HtmlDecode(item.html));
                    }
                }
            }
        })
    );
}

var alertsAutomaticDataLoaded = false, alertsEmailsDataLoaded = false;
async function headerAlerts(){ 

    if(settings['user_online'] == true){
        if(window.location.pathname == '/documents/issued/' || window.location.pathname == '/'){ 
            if(!alertsAutomaticDataLoaded){
                alertsAutomaticDataLoaded = true;   
                vvGetAutomaticData();
                
            }
        } 

      
        if(!alertsEmailsDataLoaded){
            alertsEmailsDataLoaded = true;
            vvGetEmailsProgressData();
        }
        
    }
}   


    
async function runTrueLogs(){
    if(settings?.logs?.length){
        if(settings.logs.length > 0){
            for(i in settings.logs){
                log = settings.logs[i];
                if($('#item-'+log.rel_id).get(0) != undefined){
                    $('#item-'+log.rel_id).addClass('attention');
                }
            }
        }
    }
}

function vvFilterList(){
    var query = "";

    _page = 0;

    $("#filters select,select.filters").each(function(){
         
            if(query == ""){
                query = "?"+$(this).attr('id')+'='+$(this).val();
            }else{
                query = query+"&"+$(this).attr('id')+'='+$(this).val();
            }
         
    });

    $("#filters input,input.filters").each(function(){
         
            if(query == ""){
                query = "?"+$(this).attr('id')+'='+$(this).val();
            }else{
                query = query+"&"+$(this).attr('id')+'='+$(this).val();
            }
         
    });
    query = query+'&page='+_page;
    pushState({idx:0,ID:0,Title:'Filter',LoadPage:true,AjaxBox:false},'', _url+query);
}

 

function closeFullscreen(){
    $("body").removeClass('fullscreen');
    $(".fullscreen-element").removeClass('fullscreen-element');
}
function fullscreen(target){
    if($("body").hasClass('fullscreen')){
        closeFullscreen();
        return;
    }
    $("body").addClass('fullscreen');
    $(target).addClass('fullscreen-element');
}


 


$.fn.serializeObject = function(options) {

    options = $.extend({}, options);

    var self = this,
        json = {},
        push_counters = {},
        patterns = {
            "validate": /^[a-zA-Z][a-zA-Z0-9_]*(?:\[(?:\d*|[a-zA-Z0-9_]+)\])*$/,
            "key":      /[a-zA-Z0-9_\sąćęłóśżźĄĆĘŁÓŚŻŹ\/-]+|(?=\[\])/g,
            "push":     /^$/,
            "fixed":    /^\d+$/,
            "named":    /^[a-zA-Z0-9_]+$/
        };


    this.build = function(base, key, value){
        base[key] = value;
        return base;
    };

    this.push_counter = function(key){
        if(push_counters[key] === undefined){
            push_counters[key] = 0;
        }
        return push_counters[key]++;
    };

    $.each($(this).serializeArray(), function(){
        var k,
            keys = this.name.match(patterns.key),
            merge = this.value,
            reverse_key = this.name;

        while((k = keys.pop()) !== undefined){
            reverse_key = reverse_key.replace(new RegExp("\\[" + k + "\\]$"), '');

            merge = self.build({}, k, merge);
        }
        json = $.extend(true, json, merge);
    });

    return json;
};    

var countDown = 5, pageInterval = null;
$(window).scroll(function() {  

   

    $(".scroll-fixed-outside.enabled").each(function(){
        if($(this).is(':visible')){ 
            if(($(window).scrollTop()+$(window).height()) > $(this).attr('data-stick') - $(this).height()){
                $(this).removeClass('on');
            }else if($(window).height()>$(this).attr('data-stick')){
                $(this).removeClass('on');
            }else{
                $(this).addClass('on');
            }
        }
    });
});
$(document).ready(function(){
    vvInit();  


  
     

    $(document).bind('closeFunctionVote',function(e,data){
        $("#vote-"+data.section).fadeOut();
        
    });


    
       
});   
$(document).bind('vvInit',function(){
  
    setTimeout("vvInit()",200);


});
$(document).unbind('vvPageChange').bind('vvPageChange',function(e,j,x){

    console.log(e,j,x); 
    vvDebugg('--- vvPageChange triggerd');



    submenu = [];
    vvDebugg('**** Reset submenu ');
    

    loadingcarbs = [];
    vvDebugg('**** Reset loading carbs ');

    $(".page-change-btn").trigger('click');

    //Page change ajax
     if($("#page-container").hasClass('sidebar-o-xs')){ 
        $("#page-container").removeClass('sidebar-o-xs'); 
    }
    $(".navbar-toggle").addClass('collapsed');
    $("#body").removeClass('nav-open').attr('style','');

    $(document).trigger('vvPageChangeEnd');


    for(i in settings['timers']){
        clearInterval(settings['timers'][i]);
        settings['timers'][i] = undefined;
    } 

    
     
});

$(document).unbind('fileDeleted').bind('fileDeleted',function(e,data){
    
    vvDebugg("*** REMOVE FILE "); 
   
   
   

    if( $(".file-"+data.id).parent().hasClass('upload-box')  ){                
        window.location.reload();
    }else{
        $(".file-"+data.id).parent().find('.upload-box').show(); 
        $(".file-"+data.id).remove();
    }
    
    
    $(document).trigger('fileDeleteAfter');
   
});


$(document).bind('vvPageLoad',function(){ 
    vvDebugg('--- vvPageLoad triggerd'); 
    //Ping
    vvSendPing({},'vvPageLoad');

        $(".active").removeClass('active');
        if(window.location.pathname.length > 1){

        
            $('a[href*="'+window.location.pathname+'"]').each(function(){
                var _obj = $(this);
                if(window.location.pathname == _obj.attr('href')){
                    if(_obj.parent().parent().hasClass('nav-main')){
                        _obj.parent().addClass('open');
                        _obj.parent().addClass('active');
                        _obj.addClass('active');
                    }else{
                        _obj.addClass('active');
                    }
                }else{

                }
                

            });
         
        }
        
        
  




    
    $(document).trigger('vvPageLoadEnd');    
    $(document).unbind('vvInitFooterEnd'); 
});

var pings = [];

async function vvSendMessage(message){
    if(pings[message] == undefined){
        pings[message] = true;

        const body = {'message':message,'utoken':settings['utoken'],page:window.location.pathname};
        const headers = {type: 'application/json'};
        const blob = new Blob([JSON.stringify(body)], headers);

        navigator.sendBeacon(settings['PING_URL']+'?init=vvPing&message='+message+'&site_id='+settings['site_id']+'&uid='+settings['uid'], blob);

    }
}



async function vvSetTheme(data = {}){
    vvDebugg('------------------------------------------- vvSetTheme -------------------------------------------'); 

    $.ajax({
        url:'/?init=vvSetTheme',
        data:data,
        type:'POST',
        dataType:"JSON",
        beforeSend: function(){
            console.log('---- vvSetTheme ');
        },
        complete: function(data){   
            console.log('---- vvSetTheme Completed');
        },
        success: function(data){
            console.log('---- vvSetTheme Success:'); 
        }
    });

}

async function vvSendPing(data = {}, from = ''){
    vvDebugg('------------------------------------------- sendBeacon :: '+from+' -------------------------------------------'); 

    const body = {'utoken':settings['utoken'],page:window.location.pathname,...data};
    console.log(body);
    const headers = {type: 'application/json'};
    const blob = new Blob([JSON.stringify(body)], headers);


    navigator.sendBeacon(settings['PING_URL']+'?init=vvPing', blob);
    /*

    $.ajax({
        url:settings['PIPE_URL']+'/?init=vvPing',
        data:{'utoken':settings['utoken'],page:window.location.pathname},
        type:'POST',
        dataType:"JSON",
        beforeSend: function(){
            console.log('---- Update Session');
        },
        complete: function(data){   
            console.log('---- Update Session Completed');
        },
        success: function(data){
            console.log('---- Update Session Success:');
            console.log(data);
        }
    });


    $.ajax({
        url:settings['PIPE_URL']+'/?init=vvRevive',
        data:{'utoken':settings['utoken'],page:window.location.pathname},
        type:'POST',
        dataType:"JSON",
        beforeSend: function(){
            console.log('---- Update Session');
        },
        complete: function(data){   
            console.log('---- Update Session Completed');
        },
        success: function(data){
            console.log('---- Update Session Success:');
            console.log(data);
        }
    });

    */
}


function lockUser(){
    navigator.sendBeacon('/?init=lockUser');
    top.location = "/lock-screen/?r="+encodeURIComponent(window.location.pathname+''+window.location.search);
}

function vvUserActivity(){
     //Warning 
    if(settings.user_online && (settings.timeout-(Math.floor(Date.now()/1000))) < 700){
        swal({
            title: "Inactivity alert", 
            icon: "info",
            buttons: {
                btn1:{
                    text: "I'm back",
                    value: false,
                },
                btn2:{
                    text: "Lock account",
                    value: true,
                } 
            } 
        }).then((value) => {
            if(value){
                lockUser();
            }else{
                settings.timeout = (Math.floor(Date.now()/1000))+3600;
                vvSendPing({},'vvUserActivity');
            }
        });
    }
    //Lock user 
    if(settings.user_online && (settings.timeout-(Math.floor(Date.now()/1000))) < 350){
        if(!settings.user_activity_alert){
           lockUser();
            
        }                
    }
}

$(document).bind('vvUserActivityEnd',function(e,data){
    settings.timeout = data.timeout;
});

$(document).bind('imageChangeUrlToPng', function (e, data) { 
    var newSrc = $(".upload-key-" + data.id).find('img').attr('src').replace(/\.(jpg|jpeg|gif)/gi, '.png'); 
    $(".upload-key-" + data.id).find('img').attr('src', newSrc);
    setTimeout(function(){
        $(".upload-key-" + data.id).addClass('image-box-loading');
        vvInit();
    },500);
});


$(document).bind('imageReloadFile', function (e, data) { 
     
    $(".upload-key-" + data.id).addClass('image-box-loading');
    vvInit();
    
});

function updateSubMenuSize(){
    $("#nav-submenu-header li ul").each(function(){
        li = $(this).parent();
        a = li.find('.nav-submenu');

        if(!a.hasClass('level-top-menu')){
            return;
        }

        if(!a.hasClass('nav-submenu-resized')){
            a.addClass('nav-submenu-resized');
        }
         

        li.find('ul').css('opacity',0).show();
        a_width = a.outerWidth(true);
        $(this).find('a').each(function(){

             

            if($(this).outerWidth()>a_width){
                a_width = $(this).outerWidth(true);
            }
        });
        a.css('minWidth',((a_width+2))+'px');
        li.find('ul').attr('style',"");
    });
}

 function printTheJSONInPrettyFormat(badJSON) {

    var parseJSON = JSON.parse(badJSON);
    var JSONInPrettyFormat = JSON.stringify(parseJSON, undefined, 4);
  
    return JSONInPrettyFormat;
}



$(document).unbind('vvInitEnded').bind('vvInitEnded',function(e,data){   

    
    _vvSetInputsDefaults();

    $(".admin-list table").off('click', 'td').on('click', 'td', function(e) {
        if ($(e.target).is('a') || $(e.target).is('div')) {
            return;
        }else if($(e.target).is('td')){
            $(this).parent().find('a').first().trigger('click');
        }
    });


    $('.info[data-toggle]').unbind('click').bind('click', function() { 
        $($(this).data('target')).collapse("toggle");
    });


    $(".image-box-loading").each(function(){
        var element = $(this); // Save the current context in a variable

        if(!element.hasClass('image-box-loading-init')){
            element.addClass('image-box-loading-init');
            console.log({'site_id': settings['site_id'], 'utoken': settings['utoken'], id: element.attr('data-id')});
            
            $.ajax({
                url: settings['PIPE_URL'] + '/?init=uploadBoxImageFetch',
                data: {'site_id': settings['site_id'], 'utoken': settings['utoken'], id: element.attr('data-id')},
                type: 'POST',
                dataType: "HTML",
                beforeSend: function(){
                    // You can do something here before the request is sent, like showing a loader
                },
                complete: function(data){
                    // This will be called after the request is complete, regardless of success or failure
                },
                success: $.proxy(function(data){
                    console.log(data);
                    this.parent().append($(data));
                    this.remove();
                    vvInit();
                }, element)  // Using $.proxy to maintain the context
            });
        }
    });



    $("a[href='#checklist']").unbind('click').bind('click',function(e){
        e.preventDefault();
        if ($('#page-container').hasClass('side-overlay-o')) {
            $(document).off('keydown.cb.sideOverlay');
            $('#page-container').removeClass('side-overlay-o');
        } else {
           $('#page-container').addClass('side-overlay-o');
        }
    });
     $("a[href='#onboarding-guide']").unbind('click').bind('click',function(e){
        e.preventDefault();
        userflow.start('6316d069-2a18-4ce4-aab5-85f2b5579d9e');
        $(document).off('keydown.cb.sideOverlay');
        $('#page-container').removeClass('side-overlay-o');
    });
    $("a[href='#userflow-billing']").unbind('click').bind('click',function(e){
        e.preventDefault();
        javascript:userflow.start('c531e4cb-a648-4f93-86e7-ad4698e4b40e');
        $(document).off('keydown.cb.sideOverlay');
        $('#page-container').removeClass('side-overlay-o');
    });

    $("a[href='#userflow-general-settings']").unbind('click').bind('click',function(e){
        e.preventDefault();
        userflow.start('1fcb829d-e88f-4e59-b1a5-2a4a546484ed');
        $(document).off('keydown.cb.sideOverlay');
        $('#page-container').removeClass('side-overlay-o');
    });

    $("a[href='#userflow-domain']").unbind('click').bind('click',function(e){
        e.preventDefault();
        userflow.start('0c489c4c-f241-4d05-9eb3-b759606ccf6f');
        $(document).off('keydown.cb.sideOverlay');
        $('#page-container').removeClass('side-overlay-o');
    });
 

    

    $(".log-delete-checkbox").unbind('change').bind('change',function(){
        id = $(this).attr('id');
        console.log($(this).parent().parent().parent());
        
        if(logCheckboxes[id] == undefined || logCheckboxes[id] !== true) {
            $(this).parents('.show-on-hover').addClass('show');
           
            logCheckboxes[id] = true;
        }else{
            $(this).parents('.show-on-hover').removeClass('show');
            logCheckboxes[id] = false;
        }
    });

    for(i in logCheckboxes){
        $("#"+i).prop("checked",logCheckboxes[i]).trigger('change');
    }
     

    $(document).on('select2:open', (e) => {
         
        setTimeout(function() {
            var searchField = $($('.select2-container--open').get(1)).find('.select2-search__field').get(0);
            if (searchField) {
                searchField.focus();
            } else {
                console.log("Search field not found");
            }
        }, 500);
        
        //document.querySelector('.select2-search__field').focus();
    });

    $(".full-content-height").css('height',$("#page-container").height());
    setTimeout(function(){
        $(".full-content-height").css('height',$("#page-container").height());
    },500);
    setTimeout(function(){
        $(".full-content-height").css('height',$("#page-container").height());
    },1500);
    setTimeout(function(){
        $(".full-content-height").css('height',$("#page-container").height());
    },2500);
    if(typeof submenu != "undefined"){
        if(submenu.length>0){
            /*
            if(submenu[0].children == undefined){
                submenu[0].children ={};
                $(".nav-main-header li").each(function(){
                    if($(this).parent().hasClass('nav-main-header')){
                        var id = $(this).find('a').attr('id');
                        if(id != undefined){
                            submenu[0].children[id] = {
                                title:$(this).find('a').attr('title'),
                                url:$(this).find('a').attr('href'),
                            };
                        }
                    }
                });
            }
            */
            //$("#nav-main-header").addClass('d-none');
            $("#nav-submenu-header").html("");
            for(i in submenu){
                item = submenu[i];

                if(item.class  == undefined){
                    item.class = '';
                }

                item._icon = ''; 
                if(item.type == 'main'){
                    
                    item._icon = '<i class="fa fal fa-chevron-right  mr-5 ml-5"></i>';
                }

                if(item.type == 'break'){ 
                    item.class += 'd-none ';
                    item._icon = '<i class="fa fal fa-chevron-right mr-15"></i>';
                }

                if(item.active == 'auto' && location.pathname == item.url){
                    item.class += 'active ';
                }else if(item.active == true){
                    item.class += 'active ';
                }

                

                if(item.type == 'sub'){
                    item._icon = '';
                }

                if(item.icon == true){
                    item._icon = '<i class="fa fal fa-pipe"></i>';
                }else if(item.icon != undefined){
                    item._icon = '<i class="fa fal '+item.icon+'"></i>';
                }   
                
                if(item.children != undefined){

                    item.class += ' nav-submenu level-top-menu';
                    ul = '<ul class="nav-submenu-list">';
                    for(x in item.children){
                        
                        child = item.children[x];
                        if(child.active){
                            child.class += " __active";
                        }
                        ul += '<li><a href="'+child.url+'" child-of="0" idx="'+child.idx+'" class="menu-item menu-link-'+child.idx+' '+child.class+'" id="menu-a-'+child.idx+'">'+child.title+'</a></li>';
                    }
                    ul += '<ul>';
                    $("#nav-submenu-header").append('<li><a href="'+item.url+'" class="'+item.class+'">'+item.title+'</a>'+ul+'</li>');
                }else if(item.url == false){
                    item.class += 'submenu-header';
                    item._icon = '<i class="fa fal fa-arrow-right"></i>';
                    $("#nav-submenu-header").append('<li><a  class="'+item.class+'">'+item.title+'</a>'+item._icon+'</li>');
                }else{
                    $("#nav-submenu-header").append('<li><a href="'+item.url+'" class="'+item.class+'">'+item.title+'</a>'+item._icon+'</li>');
                }
                
            }

            if(submenuId != undefined && submenuId != ""){
                $("."+submenuId).hide();
            }


            vvUrlInit();

            

            /*
            $("#nav-submenu-header li ul").each(function(){
                li = $(this).parent().find('.nav-submenu');
                li_width = li.outerWidth(true);
                $(this).find('a').each(function(){

                     

                    if($(this).outerWidth()>li_width){
                        li_width = $(this).outerWidth(true);
                    }
                });
                li.css('minWidth',(li_width+14)+'px');
               
            });
            */
            setTimeout('updateSubMenuSize()',10);


            $("#nav-submenu-header").removeClass('d-none');

            
        }else{
            $(".level-top-menu").show();
            $("#nav-main-header").removeClass('d-none');
            $("#nav-submenu-header").addClass('d-none');
        }
    }



    headerAlerts();

    runTrueLogs();
    

    Codebase.init();

    initUpdates();

    if(settings.poll_enabled){
        initPollData();
    }

    initUpload();

    


    //Set vvUserActivityTimer
    if(vvUserActivityTimer == null){ 
        vvUserActivityTimer = setInterval("vvUserActivity()",1000);
    }

    $('.card-toggle .headline').unbind('click').bind('click', function (event) {
        $(this).parents('.card-toggle').toggleClass('card-hidden');
    });


   // _tagsinit();
    $('.dropdown-button').unbind('click').bind('click', function (event) {
        console.log('dropdown-button clicked');
        $('.dropdown-menu.show').removeClass('show');
        $(this).parent().find(".dropdown-menu").toggleClass('show');

        if($(this).hasClass('dropdown-menu-no-backdrop')){

        }else{
            $("body").addClass('fadded');
        }

        if($(this).parent().find('select').get(0) != undefined){ 
            var __id = "#"+$(this).parent().find('select').attr('id');
            $("#"+$(this).parent().find('select').attr('id')).select2('open');
            setTimeout(function(){
                
                $('.select2-container--open .select2-search__field').get(0).focus();
            },100); 
        }
        
    });
    $('body').on('click', function (e) {
        if (
            !$('.dropdown-button').is(e.target)  && 
            !$('span').is(e.target)  && 
            !$('i').is(e.target)  &&
            !$('input').is(e.target)  && 
            $('.show').has(e.target).length === 0
        ) {
            $("body").removeClass('fadded');
            $('.dropdown-menu').removeClass('show');
        }
    });


    $(".dropdown-menu a[child-of!='0']").each(function(){
       
        if($(this).attr('child-of') == '0' || $(this).attr('child-of') == undefined){
            return;
        }
        parent = $(".dropdown-menu #menu-a-"+$(this).attr('child-of'));  
        parent.removeClass('visible');
        if(parent.find('.fa-angle-down').length == 0){
            parent.append('<i class="fa fa-angle-down"></i>');
        }
        parent.unbind('dblclick').bind('dblclick',function(e){ 
            pushState({LoadPage:true,AjaxBox:false,ForceClose:true},"",$('#'+$(this).attr('id')).attr('href'));
             
            
        });
        parent.unbind('click').bind('click',function(e){ 
            e.preventDefault();
            if($(this).parent().hasClass('visible')){
                //$(this).removeClass('visible');
                //$(".dropdown-menu a[child-of='"+$(this).attr('idx')+"']").hide();
                $(this).parent().removeClass('visible');
            }else{
                $(this).parent().addClass('visible');
                //$(".dropdown-menu a[child-of='"+$(this).attr('idx')+"']").show();
            }
        });
        //parent.css({'paddingBottom':'5px','position':'relative'});
        //$(this).css({'paddingLeft':'35px','paddingBottom':'5px','marginTop':'-5px'}).hide();
        //$(this).find('i').remove();
    });


    if($("#iti_phone").get(0) != undefined){

        vvDebugg('**** --> iti init');
    
        var input = document.querySelector("#iti_phone");
        window.intlTelInput(input, {});
        var iti =  window.intlTelInputGlobals.getInstance(input);
            input.addEventListener("keydown", function() { 
            $("#lang").val(iti.getSelectedCountryData().iso2);
        });
        input.addEventListener("countrychange", function() { 
            $("#lang").val(iti.getSelectedCountryData().iso2);
        }); 
    }

    $("#filters input").unbind('update').bind('update',function(){
        vvFilterList();
    });


    $("#filters select, select.filters").unbind('change').bind('change',function(){
        vvFilterList();
    });

    $("#filters input, select.input").keypress(function(e){
        if (e.keyCode == 13){
            vvFilterList();
        }
    });

    $('.page-title-box-menu .fa-bars').unbind('click').bind('click',function(){
        $(this).parent().toggleClass('open');
    });

    $('.nav-submenu-close').unbind('click').bind('click',function(){
        $(this).parent().toggleClass('open');
    });

    $(".sticky-scrollx:not(.enabled)").each(function(){
        
        $(this).addClass('enabled');   
        $(this).StickyDL({
            paddingTop : parseInt($(this).attr('paddingTop')) ,
            heightRefElement: $(this).attr('heightRefElement'),
            optionalBottomFix: parseInt($(this).attr('optionalBottomFix')), 
            optionalTopFix: parseInt($(this).attr('optionalTopFix'))
        }); 
                         
    });

    $(".scroll-fixed-outside:not(.enabled)").each(function(){
        if($(this).is(':visible')){ 
            $(this).removeClass('on'); 
            $(this).attr('data-stick',$(this).offset().top+$(this).height()).addClass('enabled'); 
            if($(window).height()>$(this).attr('data-stick')){
                $(this).removeClass('on');
            }else{
                $(this).addClass('on');
            }
        }else{
             $(this).removeClass('on');
        }
        
    });


    $(".rotate-link").unbind('click').bind('click',function(e){
        e.preventDefault();
        $.get($(this).attr('href'));
        
        img = $(this).parent().find('img');
        d = new Date();
        src = img.attr('src')+"?r="+d.getTime();
        

        setTimeout(function(){ 
            img.attr('src',src);
        },1000);
    });

   

    



    $('.js-code-editor:not(.js-code-editor-enabled)').each(function(){
        var el = $(this); 
        el.addClass('js-code-editor-enabled');
        el.parent().append($('<div id="'+el.attr('id')+'-code" class="codeflask-wr"></div>'));
        el.hide();

       
        
         

        if(el.attr('code') == 'json'){
            
            el.attr('code','js');
            el.val(printTheJSONInPrettyFormat(el.val()));
        }

        let codeArea = new CodeFlask('#'+el.attr('id')+'-code', {
            language: el.attr('code'),
            lineNumbers: false
        }) 
        codeArea.updateCode(el.val());

        $(this).attr('defvalue',$(this).val());
        $(this).attr('deflength',$(this).val().length);

        codeArea.onUpdate( function(e){
            el.val(e);
            el.trigger('change');
            //alert('js-code-editor change');
        });

    });
     $('.bcss:not(.js-code-editor-enabled)').each(function(){
        var el = jQuery(this); 
        el.addClass('js-code-editor-enabled');
        el.parent().append($('<div id="'+el.attr('id')+'-code" class="codeflask-wr"></div>'));
        el.hide();
        var val = el.val(); 
        let codeArea = new CodeFlask('#'+el.attr('id')+'-code', {
            language: 'css',
            lineNumbers: false
        }) 
        codeArea.updateCode(val)

        codeArea.onUpdate( function(e){
            el.val(e);
            el.trigger('change');
        });

    });

    $('.bjson:not(.js-code-editor-enabled)').each(function(){
        var el = jQuery(this); 
        el.addClass('js-code-editor-enabled');
        var val = el.val();
        if(isJson(val)){
            el.parent().append($('<div id="'+el.attr('id')+'-code" class="codeflask-wr"></div>'));
            el.hide();
            

            
            val = JSON.stringify( JSON.parse(val), undefined, 4);
            let codeArea = new CodeFlask('#'+el.attr('id')+'-code', {
                language: 'js',
                lineNumbers: false
            }) 
            codeArea.updateCode(val)

            codeArea.onUpdate( function(e){
                el.val(e);
                el.trigger('change');
            });
        }
    });



    $('.js-code-editor:not(.js-code-editor-enabled)').each(function(){
        var el = jQuery(this); 
        el.addClass('js-code-editor-enabled');
        el.parent().append($('<div id="'+el.attr('id')+'-code" class="codeflask-wr"></div>'));
        el.hide();
        let codeArea = new CodeFlask('#'+el.attr('id')+'-code', {
            language: el.attr('code'),
            lineNumbers: true
        }) 
        codeArea.updateCode(el.val())

        codeArea.onUpdate( function(e){
            el.val(e);
            el.trigger('change');
        });

    });
   

    if (typeof Holder !== "undefined") {                 
        // Holder.js
        $(".holderjs").each(function(index, element) {
            Holder.run({images:this});
            vvDebugg(' + holder.js run');
        });
    }

    // Set a callback to run when the Google Visualization API is loaded.
    if($("#chart_div").get(0) != undefined){
        drawChart();
    }

    /*function example_image_upload_handler (blobInfo, success, failure, progress) {
        var xhr, formData;

        xhr = new XMLHttpRequest();
        xhr.withCredentials = false;

        //restricted it to image only using resource_type = image in url, you can set it to auto for all types 

        

        xhr.onload = function () {

            if (xhr.readyState == 4 && xhr.status == 200) {
                var response = JSON.parse(xhr.responseText);
                var url = response.secure_url; //get the url 
                var json = {location: url}; //set it in the format tinyMCE wants it
                success(json.location);
            }
        };

        formData = new FormData();
        formData.append('file', blobInfo.blob(), blobInfo.filename());
        formData.append('upload_preset', 'mail_images');

        xhr.send(formData);
      };
    */

    const example_image_upload_handler = (blobInfo, progress) => new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        xhr.withCredentials = false;

        xhr.open('POST', '/?init=uploadimage');

        xhr.upload.onprogress = (e) => {
            progress(e.loaded / e.total * 100);
        };

        xhr.onload = () => {
            if (xhr.status === 403) {
                reject({ message: 'HTTP Error: ' + xhr.status, remove: true });
                return;
            }

            if (xhr.status < 200 || xhr.status >= 300) {
                reject('HTTP Error: ' + xhr.status);
                return;
            }

            const response = JSON.parse(xhr.responseText);
            
            if (!response || response.error) {
                reject(response.error || 'Upload failed');
                return;
            }

            // Return the secure_url from the response
            resolve(response.secure_url);
        };

        xhr.onerror = () => {
            reject('Image upload failed due to a XHR Transport error');
        };

        const formData = new FormData();
        formData.append('file', blobInfo.blob(), blobInfo.filename());

        xhr.send(formData);
    }); 


    if(typeof __tags == 'undefined'){
        __tags = [];
    }

    tinymce.remove();

    var defaultConfig = { selector:'div.summernote',
        keep_styles:false,
       
        plugins: [
            'mergetags',
            'lists', 
            'table',
            'link',
            'advcode',
            'powerpaste',
        ],
        invalid_styles: 'font-family,box-sizing,list-style-position,list-style-image,background-color,background,background-attachment,background-origin,background-repeat,background-position,background-image,background-clip,background-size,vertical-align',
        formats: {
            removeClass: { selector: '*', classes: ['table','js-table-sections','js-table-sections-enabled'] }  
        },
        
        menubar: false,
        statusbar: false,
        inline:false,
        branding: false,

        indent:false,

        contextmenu: 'mergetags',
       
        powerpaste_googledocs_import:"clean",
        powerpaste_word_import:"clean",
        powerpaste_html_import:"clean",   
       
        paste_data_images: false,
        image_file_types: 'png,jpg,svg,webp',
        images_upload_handler: example_image_upload_handler,
        
        // Add paste handling configuration
        paste_preprocess: function(plugin, args) {
            // Remove base64 images
            args.content = args.content.replace(/<img[^>]*src="data:image[^"]*"[^>]*>/g, '');
            
            // Clean up pasted content
            args.content = args.content.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, '');
            args.content = args.content.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '');
            args.content = args.content.replace(/<meta[^>]*>/gi, '');
            args.content = args.content.replace(/<link[^>]*>/gi, '');
            
            // Remove data attributes
            args.content = args.content.replace(/\s+data-[^=]+="[^"]*"/g, '');
            
            // Remove empty paragraphs
            args.content = args.content.replace(/<p>\s*<\/p>/g, '');
            
            // Remove extra whitespace
            args.content = args.content.replace(/\s+/g, ' ');

            // Clean up special characters
            args.content = args.content
                .replace(/&rsquo;/g, "'")
                .replace(/&lsquo;/g, "'")
                .replace(/&ldquo;/g, '"')
                .replace(/&rdquo;/g, '"')
                .replace(/&ndash;/g, '-')
                .replace(/&mdash;/g, '--')
                .replace(/&amp;/g, '&')
                .replace(/&lt;/g, '<')
                .replace(/&gt;/g, '>')
                .replace(/&nbsp;/g, ' ');

            // Remove any remaining data attributes from specific elements
            args.content = args.content
                .replace(/<p[^>]*>/g, '<p>')
                .replace(/<strong[^>]*>/g, '<strong>')
                .replace(/<ol[^>]*>/g, '<ol>')
                .replace(/<li[^>]*>/g, '<li>');
        },

        link_default_target: '_blank',
        link_assume_external_targets:false, 
        link_quicklink:false,
        link_target_list: [  {title: 'New page', value: '_blank'}, ],
        relative_urls: false,
         
         
        content_style: '.summernote-holder { font-family:Helvetica,Arial,sans-serif; font-size:13px; color:grey; }',

        mergetags_prefix: '[[',
        mergetags_suffix: ']]',
        mergetags_list: __tags,

        setup: function (editor) {
            function toHtml(code) {
                return '{'+code+'}';
            }

            editor.on('BeforeSetContent', function (e) {
                // Create a temporary div element to manipulate the content
                const tempDiv = document.createElement('div');
                tempDiv.innerHTML = e.content;
                  
                  // Select all elements with classes you want to remove
                tempDiv.querySelectorAll('.table, .js-table-sections, .js-table-sections-enabled').forEach(element => {
                    // Remove the unwanted classes
                    element.classList.remove('table', 'js-table-sections', 'js-table-sections-enabled');
                });

                  // Set the modified content back
                e.content = tempDiv.innerHTML;
            });


            editor.ui.registry.addToggleButton('centerListButton', {
                text: 'center list', // Assuming you have an icon for the button
                tooltip: 'Toggle Center List',
                onAction: function (api) {
                    var selectedNode = editor.selection.getNode();

                    // Check if the selected node has the 'center-list' class
                    var isCenteredList = selectedNode.classList.contains('center-list');

                    if (isCenteredList) {
                        // Remove the 'center-list' class
                        selectedNode.classList.remove('center-list');
                    } else {
                        // Add the 'center-list' class
                        selectedNode.classList.add('center-list');
                    }

                    // Update the button state based on the 'center-list' class
                    api.setActive(!isCenteredList);
                },
                onSetup: function (api) {
                    // Set the initial button state based on the selected node
                    var selectedNode = editor.selection.getNode();
                    var isCenteredList = selectedNode.classList.contains('center-list');
                    api.setActive(isCenteredList);
                }
            });
            /*
            <tr><td>{recipient}</td><td>If recipient type is Company = (Company name) or Private = (Firstname Lastname)</td></tr>
                <tr><td>{recipient.firstname}</td><td>Recipient Firstname</td></tr>
                <tr><td>{recipient.lastname}</td><td>Recipient Lastname</td></tr>
                <tr><td>{recipient.company}</td><td>Recipient Company Name</td></tr>
                <tr><td>{typeof}</td><td>Document Type Certificate, Diploma etc</td></tr>
                <tr><td>{issuer.company_name}</td><td>Company name of Issuer</td></tr>
                <tr><td>{document.title}</td><td>Public title of document</td></tr>
                <tr><td>{document.name}</td><td>Internal name of document</td></tr>
           

            
            editor.ui.registry.addMenuButton('shortcodes', { 
                text: 'Shortcodes',  
                fetch: function (callback) {
                    var items = [
                        {
                            type: 'menuitem',
                            text: 'Recipient Firstname',
                        
                            onAction: function (_) {
                                editor.insertContent( toHtml('recipient.firstname') );
                            }
                        },
                        {
                            type: 'menuitem',
                            text: 'Recipient Lastname',
                            onAction: function (_) {
                                editor.insertContent( toHtml('recipient.lastname') );
                            }
                        },
                        {
                            type: 'menuitem',
                            text: 'Recipient Company Name',
                        
                            onAction: function (_) {
                                editor.insertContent( toHtml('recipient.company') );
                            }
                        },
                        {
                            type: 'menuitem',
                            text: 'Document Type',
                        
                            onAction: function (_) {
                                editor.insertContent( toHtml('typeof') );
                            }
                        }, 
                        {
                            type: 'menuitem',
                            text: 'Company name of Issuer',
                        
                            onAction: function (_) {
                                editor.insertContent( toHtml('issuer.company_name') );
                            }
                        },
                        {
                            type: 'menuitem',
                            text: 'Public title of document',
                        
                            onAction: function (_) {
                                editor.insertContent( toHtml('document.title') );
                            }
                        },
                    ];
                    callback(items);
                } 
            });

             */

             
            /*
            editor.on('init', function(e) {
                var content = editor.getContent();

                
                
                //subject
                content = content.replace(/{subject text="(.*?)"}/g, '<div class="_subject_">$1</div>');

                //Preheader
                content = content.replace(/{preheader text="(.*?)"}/g, '<div class="_preheader_">$1</div>');

                //Button
                content = content.replace(/{button text="(.*?)"}/g, '<div class="_button_">$1</div>');

                 //Button link
                content = content.replace(/{button link="(.*?)"}/g, '<div class="_button_link_">$1</div>');

                //Heading
                content = content.replace(/{heading text="(.*?)"}/g, '<div class="_heading_">$1</div>');
                editor.setContent(content);
                /*
                $("._subject_,._preheader_,._button_,._heading_").click(function(e) {
                   
                    var posX = $(this).offset().left;
                    var posY = $(this).offset().top;
                    if((e.pageX - posX) > ($("#"+editor.id).width()-50) && (e.pageY - posY) > 0){
                        console.log('remove ',$(this));
                       $(this).remove();
                    }
                });
                

            });
                

           
            //List of bootstrap elements not to delete
            var lastContainer;

            editor.on('keydown', function(evt) {
                var bootstrapElements = ["","_button_","_button_link_","_subject_","_preheader_","_heading_"];
                var node            = editor.selection.getNode();
                var range           = editor.selection.getRng();
                var startOffset     = range.startOffset;
                var endOffset       = range.endOffset;
                var currentWrapper  = range.endContainer.parentElement.className;
                if(range.commonAncestorContainer.wholeText != undefined){
                    var totallength = range.commonAncestorContainer.wholeText.length;
                }else{
                   var totallength = 0;  
                }

                console.log(range);
                  // if delete Keys pressed
                if (evt.keyCode == 8){

                    
                    console.log('currentWrapper:'+currentWrapper);
                    console.log('lastContainer:'+lastContainer);

                    if (startOffset == "0"  && ( bootstrapElements.indexOf(lastContainer)>0 || bootstrapElements.indexOf(currentWrapper)>0 ) ){
                        evt.preventDefault();
                        evt.stopPropagation();
                        return false; 
                    }
                }
                if (evt.keyCode == 46){

                    console.log('currentWrapper:'+currentWrapper);
                    console.log('lastContainer:'+lastContainer);
                    console.log('endOffset:'+endOffset);
                    console.log('endOffset:'+totallength);

                   
                    
                    if (endOffset == totallength && ( bootstrapElements.indexOf(lastContainer)>0 || bootstrapElements.indexOf(currentWrapper)>0 ) ){
                        evt.preventDefault();
                        evt.stopPropagation();
                        return false; 
                    }
                }
                lastContainer = currentWrapper;
                  
            });

            */

            editor.on('keyup',function(e,j){
                var content = editor.getContent();
                // let key = $('#trans_key').val();
                // let containsString = key.includes("-link");


                
                content = content.replace(/<div class="removeme">(.*?)<\/div>/g, '$1');
                content = content.replace(/<div class="_button_link_">(.*?)<\/div>/g, '{button link="$1"}');
                content = content.replace(/<div class="_button_">(.*?)<\/div>/g, '{button text="$1"}');
                content = content.replace(/<div class="_heading_">(.*?)<\/div>/g, '{heading text="$1"}');
                content = content.replace(/<div class="_subject_">(.*?)<\/div>/g, '{subject text="$1"}');
                content = content.replace(/<div class="_preheader_">(.*?)<\/div>/g, '{preheader text="$1"}');

                var textarea = $('#'+editor.id).parents('.summernote-holder').find('textarea');

                if(textarea.val() != content){
                    textarea.trigger('change').addClass('change');
                }else{

                }
                
                textarea.val(content);

                 
               
            });
            
            editor.on('NodeChange', function(e,j){ 
                var content = editor.getContent(); 

                
                content = content.replace(/<div class="removeme">(.*?)<\/div>/g, '$1');
                content = content.replace(/<div class="_button_link_">(.*?)<\/div>/g, '{button link="$1"}');
                content = content.replace(/<div class="_button_">(.*?)<\/div>/g, '{button text="$1"}');
                content = content.replace(/<div class="_heading_">(.*?)<\/div>/g, '{heading text="$1"}');
                content = content.replace(/<div class="_subject_">(.*?)<\/div>/g, '{subject text="$1"}');
                content = content.replace(/<div class="_preheader_">(.*?)<\/div>/g, '{preheader text="$1"}');
                
                //$('#'+editor.id).parents('.summernote-holder').find('textarea').val(content).trigger('change').addClass('change');

                //alert('editor change');
                var textarea = $('#'+editor.id).parents('.summernote-holder').find('textarea');

                if(textarea.val() != content){
                    textarea.trigger('change').addClass('change');
                }else{

                }
                
                textarea.val(content);
            });

           


        }
    };


    if( $('html').hasClass('dark-mode') ){
        defaultConfig.skin = "oxide-dark";
        defaultConfig.content_css = "dark";
    }else{
        defaultConfig.skin =  'outside';
    }

    var ids = [];
    $('div.summernote.enabled').removeClass('enabled');
    $('div.summernote:not(.enabled)').each(function(){

        var _defaultConfig = defaultConfig;
        $(this).addClass('enabled');  
        

        _defaultConfig.toolbar = 'mergetags | bold italic underline link |';


        if($(this).attr('inline')){
            _defaultConfig.inline = true;
            _defaultConfig.content_style = '.summernote { font-family:Helvetica,Arial,sans-serif; font-size:13px;color:grey;}';
        }else{

            
            _defaultConfig.content_style = 'body {  font-family:Helvetica,Arial,sans-serif; font-size:13px; color:grey;}  ';
        }

        if($(this).attr('upload')){
            _defaultConfig.plugins.push('image');
            _defaultConfig.toolbar += ' image ';
            _defaultConfig.plugins.push('quickbars'); 
          
            
        }


        _defaultConfig.content_style += ' .center-list {   text-align: center;list-style-position: inside;} .center-list ul, .center-list li{ margin-left:0px;margin-right:0px;padding-left:0px; padding-right:0px;}';

        if($(this).attr('align') || $(this).attr('text-align')){
           
           _defaultConfig.toolbar +=' align |'; 
        }

        if($(this).attr('table') || $(this).attr('table')){
           
           _defaultConfig.toolbar +=' table '; 
        }

        if($(this).attr('bullist') || $(this).attr('numlist')){
           
           _defaultConfig.toolbar +=' numlist bullist centerListButton '; 
        }

        if($(this).attr('blockquote') || $(this).attr('blockquote')){
           
           _defaultConfig.toolbar +=' blockquote'; 
        }

        if($(this).attr('headline') || $(this).attr('headlines')){
           
           _defaultConfig.toolbar +=' h1 h2 h3'; 
        }

        if($(this).attr('fontsizeselect') || $(this).attr('fontsize')){
           
           _defaultConfig.toolbar +=' fontsize'; 
        }

      
        if($(this).attr('newline_behavior')){
           _defaultConfig.newline_behavior = $(this).attr('newline_behavior'); 
        }


       


         _defaultConfig.toolbar +=' code'; 

  

        const el = $(this).get(0);

        if(el != undefined && el.hasAttributes){
            const atts = el.attributes;

            for(let i = 0; i < atts.length; i++){
                let attr = atts[i];
                
                if(attr.name.match(/tinymc-/)){
                    _defaultConfig[attr.name.split('tinymc-')[1]] = attr.value;
                }
                 
            } 
        }

        

        tinymce.init(_defaultConfig);
    });


   
    


    
    //Remove whitespaces on blur
    $('input,textarea').on('blur', function() {
        $(this).val((i, value) => value.trim());
    });

    $(".vote").each(function(){
        if(!$(this).parent().hasClass('vote-parent')){
            $(this).parent().addClass('vote-parent');
        }
    });


    $(document).trigger('vvInitFooterEnd');

    $(document).trigger('vvInitExtraEnd');


    
    vvRepeatableInit();

});



function vvRepeatableInit(){
    $('.js-repeatable:not(.js-repeatable-enabled)').each(function(){
        var el = jQuery(this);
        vvDebugg('+++ js-repeatable::');

        // Add .js-repeatable-enabled class to tag it as activated
        el.addClass('js-repeatable-enabled');

        if(!el.hasClass('js-repeatable-init')){
            el.addClass('js-repeatable-init');
            
            if($("#"+el.attr('key')).val() != "" && $("#"+el.attr('key')).val() != undefined){

                var string = $("#"+el.attr('key')).val().replace(/^(\r\n)|(\n)/g,'');
                

                var data = JSON.parse(string);
                
                vvDebugg(data);


           
                for(x in data){

                    console.warn('Data '+x+' -> ',data[x]);

                    var obj = data[x];

                    var clone = el.clone();
                     
                    
                   

                    clone.find('._id').html(parseInt(x)+1);

                    console.warn(clone.find('._id').html(),parseInt(x)+1);
                        

                    for(i in data[x]){

                         

                        var c = clone.find('#'+slugify(data[x][i].id));

                        if(c.hasClass('js-select2-enabled')){
                            if(typeof c.select2 == "object"){
                                c.select2('destroy');
                            }
                            //c.removeClass('js-select2')
                            c.removeClass('js-select2-enabled').removeClass('select2-hidden-accessible');
                            c.parent().find(".select2-container").remove();
                            c.parent().parent().find(".select2-container").remove(); 
                        }

                        if(data[x][i].value == null){
                            console.error(data[x][i].id+' value is null',data[x][i]);
                            data[x][i].value = "";
                        } 

                        try {
                            data[x][i].value = data[x][i].value.replace(/-newline-/gi,"\n");
                        } catch (error) {
                            console.warn("Failed to process data[x][i].value:", data[x][i].value, "Error:", error);
                            // Handle the error appropriately
                        }
                        

                        if(c.hasClass('summernote-textarea')){


                            c.parent().find('.summernote').attr('id','page-editor-'+(parseInt(x)+1)+'-'+i);
                            c.parent().find('.summernote').html(data[x][i].value);
                        }else{
                            c.val(data[x][i].value);
                        }
                        
                    }
                   
                    clone.removeClass('js-repeatable-enabled');
                    clone.insertBefore($(this));
                     
                    
                }
            }

            if(data == undefined){
                data = [];
            }


            if(data.length>0){
                console.warn('js-repeatable data length remove');
                el.remove();
                vvInit();
            }
        }


        

        //Add plus 
        vvDebugg('adding -> js-repeatable-options');
        el.append('<div class="js-repeatable-options d-flex"><div class="col-6"><i class="fas fa-plus js-repeatable-add"></i></div><div class="col-6"><i class="fas fa-minus js-repeatable-remove"></i></div></div>');

        $(".js-repeatable-remove").unbind('click').bind('click',function(){
            if($(this).parents('.js-repeatable').parent().find('.js-repeatable').length == 1){
                if(confirm('You will remove all of the elements, do you want to continue?')){
                    var _key = $(this).parents('.js-repeatable').attr('key');
                    $(this).parents('.js-repeatable').remove();
                    $("#"+_key).val("");

                }
            }else{
                $(this).parents('.js-repeatable').remove();
            }
            
            vvRepeatable();
        });
        $(".js-repeatable-add").unbind('click').bind('click',function(){

            tinymce.remove();

            var clone = $(this).parents('.js-repeatable').clone();

            clone.find('input').val("");
            clone.removeClass('js-repeatable-enabled');
            clone.find('._id').html(parseInt(clone.find('._id').html())+1);
            clone.attr('id','page-'+$(".js-repeatable").length+2);
            clone.find('.summernote').attr('id','page-summernote-'+$(".js-repeatable").length+2);
            

            clone.insertAfter($(this).parents('.js-repeatable'));

            clone.find("select").each(function(){
                var c = $(this);
                if(typeof c.select2 == "object"){
                    c.select2('destroy');
                }
                 
                c.removeClass('js-select2-enabled').removeClass('select2-hidden-accessible');
                c.parent().find(".select2-container").remove();
                c.parent().parent().find(".select2-container").remove(); 
            });

            setTimeout(function(){ vvInit();},1000);
            vvRepeatable();


        });

        $(".js-repeatable input").keyup(function(){
            vvRepeatable();
        });
        $(".js-repeatable textarea").on("change",function(){
            vvRepeatable();
        });
        $(".js-repeatable select").on("change",function(){
            vvRepeatable();
        });

        settings['timers'].push(setInterval(function(){
            vvRepeatable();
        },1000));
    });
}

function vvRepeatable(){
    var key = "";
    var data = [];

    $(".js-repeatable.js-repeatable-enabled").each(function(){
        key = $(this).attr('key');
        var _inputs = [];

        if(data[key] == undefined){
            data[key] = [];
        }

        $(this).find("input,textarea,select").each(function(){ 
            if($(this).attr('id') != "" &&  $(this).attr('id') != undefined){
                _inputs.push({'id':$(this).attr('id'),"value":$(this).val()})
            }
            
        }); 

        data[key].push(_inputs);
    });

    
    for(_key in data){
        //If they have change
        if($("#"+_key).val() != JSON.stringify(data[_key])){
            $("#"+_key).val(JSON.stringify(data[_key])).trigger('change');
        }
    }
    
}


function parseCookies() {
    const cookies = {};
    document.cookie.split(";").forEach(cookie => {
        const [key, value] = cookie.split("=");
        cookies[key?.trim()] = decodeURIComponent(value);
    });
    return cookies;
}




function getCookie(name) {
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1) {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    } else {
        begin += 2;
        var end = document.cookie.indexOf(";", begin);
        if (end == -1) {
        end = dc.length;
        }
    }
    
    return decodeURI(dc.substring(begin + prefix.length, end));
} 

function readNotfication(_this){
    var id = $(_this).parent().attr('id');
    var name = $(_this).parent().attr('cookie');
    $(".notification_"+id).removeClass('attention');
    //Save cookie
    setCookie(name,true,365);
    //Remove one count from notifications count
    if(settings['notifications_count']>0){
        settings['notifications_count']--;
    }
}

function readAllNotfications(){
    $(".notification").each(function(){
        var id = $(this).attr('id');
        var name = $(this).attr('cookie');
        $(".notification_"+id).removeClass('attention');
         //Save cookie
        setCookie(name,true,365);
        //Remove one count from notifications count
        settings['notifications_count'] =$(".notification.attention").length;
    });
}


function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}

function eraseCookie(name) {   
    document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}


function vvUserflowUpdate(setting){

    $.ajax({
        url:settings['PIPE_URL']+'/?init=vvUserflow',
        data:{'site_id':settings['site_id'],'utoken':settings['utoken'],setting:setting},
        type:'POST',
        dataType:"JSON",
        beforeSend: function(){
            
        },
        complete: function(data){   
            
        },
        success: function(data){
            console.log('---- Setting updated Success:');
            console.log(data);
        }
    });

   // navigator.sendBeacon(settings['PING_URL']+'?init=vvUserflow', JSON.stringify({'site_id':settings['site_id'],'utoken':settings['utoken'],setting:setting}));
}