$(document).ready(function() {
	Highcharts.theme = {
    colors: ['rgba(244, 143,177, 0.5)','rgba(255, 255, 0, 0.3)','rgba(255,0,255,0.3)','rgba(0,255,0,0.3)','rgba(129, 2, 247, 1)','rgba(255, 111, 0, 0.3)','rgba(255, 111, 0, 0.3)','rgba(64, 247, 2, 1)','rgba(38, 198, 218, 0.5)' ],
    chart: {
      backgroundColor: {
        linearGradient: [255, 111, 0, 0.27],
        stops: [
          [0, 'rgb(255, 111, 0, 0.27)'],
          [1, 'rgb(255, 111, 0, 0.27)']
        ]
      },
    },
    title: {
      style: {
        color: '#000',
        font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
      }
    },
    subtitle: {
      style: {
        color: '#666666',
        font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
      }
    },

    legend: {
      itemStyle: {
        font: '9pt Trebuchet MS, Verdana, sans-serif',
        color: 'black',
        width: 200
      },
      itemHoverStyle:{
        color: 'gray'
      }   
    }
  };

	// Apply the theme
	Highcharts.setOptions(Highcharts.theme);
});

function get_login_table(){
   var frm = "get_login_table";
    $.ajax({
      type: "POST",
      url: "./dashboard/call_back.php",
      data: {frm:frm},
      success: function(data) {
        $('#get_login_table').html(data);
      },
    });
}

function get_mf_login_list(sts){
    var frm = "get_mf_login_list";
    $.ajax({
      type: "POST",
      url: "./dashboard/call_back.php",
      data: {frm:frm,sts:sts},
      success: function(data) {
        $('#lead_model_body').html(data);
    $('#detail_list').DataTable( {
      "paging":   false, 
            "dom": '<"top"fi>rt<"bottom"flp><"clear">'
    });
        $('#detail_list_model').modal('show');
      },
    });
}
function get_ewealth_chart(){
  
  var options = {
        chart: {
      type: 'pie',
      name:'Ewealth Status',
            renderTo: 'ewealth_chart',
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
      options3d: {
        enabled: true,
        alpha: 45,
        beta: 0
      }
        },
        title: {
            text: 'Ewealth Status'
        },
        tooltip: {
            formatter: function() {
        return  '<b>'+ Highcharts.numberFormat(this.point.percentage)+' %</b> '+ this.point.name +'<b>: '+  this.y+'</b>';
            }
        },
        plotOptions: {
            pie: {
        size:'100%',
                allowPointSelect: true,
                cursor: 'pointer',
        depth: 50,
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    formatter: function() {
            return  '<b>'+ Highcharts.numberFormat(this.point.percentage)+' %</b> '+ this.point.name +'</b>';     
                    },
                },
                showInLegend: false
            }
        },
        series: [],
    drilldown: {
      series: []
    }
    };  
  $.ajax({
    type: "POST",
    url: './index.php/Home/get_ewealth_chart',
    success: function(data) {
      var rslt = JSON.parse(data);      
      options.series = rslt.series; 
      options.drilldown.series = rslt.drill_list;
      chart = new Highcharts.Chart(options);
    },
  });
}
function invest_login_chart(){  
  var options = {
        chart: {
      type: 'pie',
      name:'Login Status',
            renderTo: 'invest_login_chart',
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
      options3d: {
        enabled: true,
        alpha: 45,
        beta: 0
      }
        },
        title: {
            text: 'Login Status'
        },
        tooltip: {
            formatter: function() {
        return  '<b>'+ Highcharts.numberFormat(this.point.percentage)+' %</b> '+ this.point.name +'<b>: '+  this.y+'</b>';
            }
        },
        plotOptions: {
            pie: {
        size:'100%',
                allowPointSelect: true,
                cursor: 'pointer',
        depth: 50,
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    formatter: function() {
            return  '<b>'+ Highcharts.numberFormat(this.point.percentage)+' %</b> '+ this.point.name +'</b>';     
                    },
                },
                showInLegend: false
            }
        },
        series: [],
    drilldown: {
      series: []
    }
    };  
  $.ajax({
    type: "POST",
    url: './index.php/Home/invest_login_chart',
    success: function(data) {
      var rslt = JSON.parse(data);      
      options.series = rslt.series; 
      options.drilldown.series = rslt.drill_list;
      chart = new Highcharts.Chart(options);
    },
  });
}
function investment_chart() {
    var options = {
        chart: {
        renderTo: 'investment_chart',
        type: 'column'
        },
        title: {
      text: 'MF Business'
              
        },
        xAxis: {
            categories: [],
            crosshair: true,
            title: {
                text: 'Investment Type'
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Value'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
           column: {
            pointPadding: 0.2,
            borderWidth: 0
      }
        },
        series: []
    };
    $.getJSON("index.php/Home/investment_chart", function(json) {
        console.log(json);
        options.xAxis.categories = json[0]['data'];
        options.series[0] = json[1];        
        chart = new Highcharts.Chart(options);
    });
}
//Chart function - END