<?php echo $this->Html->script('site_js/highcharts'); ?>
<style>
.highcharts-legend{
	pointer-events: none;
  	cursor: default;
}
</style>
<div class="row-fluid grading-table">

	<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</div>
<?php 
	$item1 = $item2 = $Scr = $clsAvg = $str_final = '';
	$total = $final_total = 0;
	$count = (sizeof($data));
	//pr($data);
	foreach ($data as $datum){
            
		if(!empty($datum['Assignment'])){
			if(!empty($datum['Studentscores']['other'])){
				if($datum['Studentscores']['other'] == array_search('Add',$arrdrp_others)){
					$Scr .= ((($datum['Studentscores']['score'] + $datum['Studentscores']['extra']) / $datum['Assignment']['assignmentScore']) * 100).',';
					$total = (((($datum['Studentscores']['score'] +  $datum['Studentscores']['extra']) / $datum['Assignment']['assignmentScore']) * ($datum['Assignment']['assignmentWeight'] / 100)) * ($datum['Grading']['score'] / 100));
				}else{
					$Scr .= ((($datum['Studentscores']['score'] - $datum['Studentscores']['extra']) / $datum['Assignment']['assignmentScore']) * 100).',';
					$total = (((($datum['Studentscores']['score'] -  $datum['Studentscores']['extra']) / $datum['Assignment']['assignmentScore']) * ($datum['Assignment']['assignmentWeight'] / 100)) * ($datum['Grading']['score'] / 100));
				}
			}else{
				$Scr .= (($datum['Studentscores']['score'] / $datum['Assignment']['assignmentScore']) * 100).',';
				$total = ((($datum['Studentscores']['score'] / $datum['Assignment']['assignmentScore']) * ($datum['Assignment']['assignmentWeight'] / 100)) * ($datum['Grading']['score'] / 100));
			}
			$avg = (($datum['Assignment']['average']/$datum['Assignment']['assignmentScore'])*100);
			//$clsAvg .= $datum['Assignment']['average'] .',';
			$clsAvg .= $avg .',';
		}else{
			if($datum['Studentnonassignmentscore']['other'] == array_search('Add',$arrdrp_others)){
				$Scr .= ((($datum['Studentnonassignmentscore']['score'] + $datum['Studentnonassignmentscore']['extra']) / $datum['Grading']['pointspossible']) * 100).',';
				$total = (((($datum['Studentnonassignmentscore']['score'] +  $datum['Studentnonassignmentscore']['extra']) / $datum['Grading']['pointspossible']) * 1) * ($datum['Grading']['score'] / 100)); 
			}else{
				$Scr .= ((($datum['Studentnonassignmentscore']['score'] - $datum['Studentnonassignmentscore']['extra']) / $datum['Grading']['pointspossible']) * 100).',';
				$total = (((($datum['Studentnonassignmentscore']['score'] -  $datum['Studentnonassignmentscore']['extra']) / $datum['Grading']['pointspossible']) * 1) * ($datum['Grading']['score'] / 100)); 
			}
			$avg = (($datum['Grading']['average']/$datum['Grading']['pointspossible'])*100);
			//$clsAvg .= $datum['Grading']['average'] .',';
			$clsAvg .= $avg .',';
		}
		
		$final_total = ($final_total + $total);
		
		$str_final .= ($final_total*100) . ',';
		
	}
	// for categories
	$str_item = '';
	for ($j = 0;$j<$count;$j++){
		$str_item .= "'$j'".',';
	}
	$item = substr($str_item,0,-1);
	$myscore_data = substr($Scr,0,-1);
	$clsAvg_data = substr($clsAvg,0,-1);
	$final_score = substr($str_final,0,-1)
?>
<script type="text/javascript">


$(function () {
        $('#container').highcharts({
            title: {
                text: 'Analytics',
                x: -20 //center
            },
            /* subtitle: {
                text: 'Source: WorldClimate.com',
                x: -20
            }, */
            xAxis: {
                categories: [<?php echo $item?>]
            },
            yAxis: {
                title: {
                    text: 'Marks'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: ' '
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: 'My Score',
                data: [<?php echo $myscore_data;?>]
            }, {
                name: 'Class Average',
                data: [<?php echo $clsAvg_data;?>]
            }, {
                name: 'Final Score',
                data: [<?php echo $final_score;?>]
            }]
        });
    });

</script>