var chartDonutLogin;

var chartDonutExtUser;

var donutOptions =  {
        tooltips:{
            callbacks: {
                label: function(tooltipItem, data) {
                    var div = (data.labels[tooltipItem.index]).split(':');
                    return div[0]+': '+data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
                }
            }
        },
        legend:{
            display:true,
            position:'bottom',
            onClick:function(event){
                return false;
            },
            labels: {
                fontStyle: 'bold',
                fontSize : 14
            }
        },
        hover: {
            onHover: handleHover
        }
};


function drawDonutForExternalLogin(){
    return jQuery.ajax({
        type :"POST",
        dataType :'json',
        url    :"/getReport?report=externalLoginAccess",
        beforeSend:function(){
            if(chartDonutLogin){
                chartDonutLogin.destroy();
            }
        },
        data   : {
            fromDate : formatDate(jQuery('.startDateLogin').val()),
            toDate : formatDate(jQuery('.endDateLogin').val())
        },
        success : function(data) {
            var midNum  = 0;
            var ctx     = jQuery("#canvasDonutExtLogin");

            jQuery.each(data['datasets'][0]['data'],function(k,v){
                midNum += Number(v);
            });
            jQuery.each(data['labels'],function(k,v){
                data['labels'][k]  = v +' : ' + (((Number(data['datasets'][0]['data'][k]) / midNum) * 100).toFixed(2)) +'%';
            });
            data['midNum']  = midNum;
            donutOptions['onClick'] = function(clickObj){
                var divData = chartDonutLogin.getElementAtEvent(clickObj);
                if(divData.length){
                    var label = divData[0]['_view']['label'].split(' : ');
                    window.location.href = 'reportHtmlLoginAccess.jsp?reportType=externalLoginAccess&division='+encodeURIComponent(label[0])+'&toDate='+encodeURIComponent(formatDate(jQuery('.endDateLogin').val()))+'&fromDate='+encodeURIComponent(formatDate(jQuery('.startDateLogin').val()));
                }
            }
            chartDonutLogin = new Chart(ctx, {
                type: 'doughnut',
                data: data,
                options:donutOptions
            });
        }
    });
}

function drawDonutForExtUser(){
    return jQuery.ajax({
        type :"POST",
        dataType :'json',
        url    :"/getReport?report=externalUserEnablement",
        beforeSend:function(){
            if(chartDonutExtUser){
                chartDonutExtUser.destroy();
            }
        },
        data   : {
            toDate  : formatDate(jQuery('.endDateExtUser').val())
        },
        success : function(data) {
            var midNum  = 0;
            var ctx     = jQuery("#canvasDonutExtUser");

            jQuery.each(data['datasets'][0]['data'],function(k,v){
                midNum += Number(v);
            });
            jQuery.each(data['labels'],function(k,v){
                data['labels'][k]  = v +' : ' + (((Number(data['datasets'][0]['data'][k]) / midNum) * 100).toFixed(2)) +'%';
            });
            data['midNum']  = midNum;
            donutOptions['onClick'] = function(clickObj){
                var divData = chartDonutExtUser.getElementAtEvent(clickObj);
                if(divData.length){
                    var label = divData[0]['_view']['label'].split(' : ');
                    window.location.href = 'reportHtmlUserEnable.jsp?reportType=externalUserEnablement&division='+encodeURIComponent(label[0])+'&toDate='+encodeURIComponent(formatDate(jQuery('.fromReport').val()));
                }
            }
            chartDonutExtUser = new Chart(ctx, {
                type: 'doughnut',
                data: data,
                options: donutOptions
            });



        }
    });
}