<?php $this->render(WPSG_PATH_VIEW.'/mods/mod_statistics/simplefilter.phtml'); ?>

<?php if (wpsg_isSizedArray($this->view['chart']['data']['records'])) { ?>
<div id="charttopsellertosales-bar" style="height:<?php echo $this->get_option('wpsg_mod_statistics_bar_chart_height'); ?>px; width:<?php echo $this->get_option('wpsg_mod_statistics_bar_chart_width'); ?>px;"></div>

<br />
<h3><?php echo __('Umsatz (prozentual)', 'wpsg'); ?><h3>
<div id="charttopsellertosales-pie-sales" style="height:<?php echo $this->get_option('wpsg_mod_statistics_pie_chart_height'); ?>px; width:<?php echo $this->get_option('wpsg_mod_statistics_pie_chart_width'); ?>px;"></div>

<br />
<h3><?php echo __('Menge (prozentual)', 'wpsg'); ?><h3>
<div id="charttopsellertosales-pie-amount" style="height:<?php echo $this->get_option('wpsg_mod_statistics_pie_chart_height'); ?>px; width:<?php echo $this->get_option('wpsg_mod_statistics_pie_chart_width'); ?>px;"></div>

<br/>

<div id="table-data">
	<?php $this->render(WPSG_PATH_VIEW.'/mods/mod_statistics/charttopsellertosales/data.phtml'); ?>	
</div>

<div class="wpsg_clearer"></div>

<?php 

	foreach ($this->view['chart']['data']['records'] as $data) 
	{ 
		$barChartJS['payment'] .= "'".wpsg_hspc($data['name'])."', "; 
		$barChartJS['amount'] .= "['".wpsg_hspc($data['name'])."','".wpsg_hspc($data['amount'])."'], "; 
		$barChartJS['total'] .= wpsg_hspc($data['total']).", "; 
		$pieChartJS['amount'] .= "['".wpsg_hspc($data['name'])."', ".wpsg_hspc($data['percent-amount'])."], ";	
		$pieChartJS['sales'] .= "['".wpsg_hspc($data['name'])."', ".wpsg_hspc($data['percent-sales'])."], ";		
	} 
	
	$barChartJS['amount'] = substr($barChartJS['amount'], 0, -2);
	$barChartJS['payment'] = substr($barChartJS['payment'], 0, -2); 
	$barChartJS['total'] = substr($barChartJS['total'], 0, -2); 
	
	$pieChartJS['amount'] = substr($pieChartJS['amount'], 0, -2);
	$pieChartJS['sales'] = substr($pieChartJS['sales'], 0, -2);
	
?>

<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery.jqplot.config.enablePlugins = true;
	    var totals = [<?php echo $barChartJS['total']; ?>];
	    var payment = [<?php echo $barChartJS['payment']; ?>];
	    var amount = [<?php echo $barChartJS['amount']; ?>];

	   //eries:[{renderer:jQuery.jqplot.BarRenderer}, {xaxis:'x2axis', yaxis:'y2axis'}],
			     
	    var charttopsellertosalesBar = jQuery.jqplot('charttopsellertosales-bar', [totals, amount], {
	        animate: !jQuery.jqplot.use_excanvas,
	        axesDefaults: {
	            labelRenderer: jQuery.jqplot.CanvasAxisLabelRenderer
	        },
	        /*{Each series has same options as seriesDefaults},
	        {You can override each series individually here}*/
	        series:[
	    	     {
	    	    	 renderer:jQuery.jqplot.BarRenderer,
	    	    	 rendererOptions: {
	                	varyBarColor: true
	              	},
	              	pointLabels: { show: true }
		    	 }, 
	    	     {
		    	     xaxis:'x2axis', 
		    	     yaxis:'y2axis'
			   	 }
   	    	],
   	    	grid: {
	        	drawGridLines: false
	        },
	        axes: {
	            xaxis: {
	                renderer: jQuery.jqplot.CategoryAxisRenderer,
	                ticks: payment,
	                tickRenderer: jQuery.jqplot.CanvasAxisTickRenderer,
	                tickOptions: {
	                    angle: -50,
	                    fontFamily: 'Arial',
                        fontSize: '10pt',
                        fontWeight: 'normal',
                        textColor: '#666666'
	                },
	                label:'<?php echo wpsg_hspc($this->view['chart']['info']['xaxis']['label']); ?>',
	                labelOptions: {
                        fontFamily: 'Arial',
                        fontSize: '14pt',
                        fontWeight: 'bold',
                        textColor: '#666666'
                    }
	            },
	            x2axis: {
	                renderer: jQuery.jqplot.CategoryAxisRenderer,
	                label: '',
	                labelRenderer: jQuery.jqplot.CanvasAxisLabelRenderer,
	                tickRenderer: jQuery.jqplot.CanvasAxisTickRenderer,
	                showMarker: false,
	                showTickMarks:false,
	                showticks: false,
	                tickOptions: {
	                }
	            },
	            yaxis:{
	                label:'<?php echo wpsg_hspc($this->view['chart']['info']['yaxis']['label']); ?>',
	                tickRenderer: jQuery.jqplot.CanvasAxisTickRenderer,
	                tickOptions: {
	                    fontFamily: 'Arial',
                        fontSize: '8pt',
                        fontWeight: 'normal',
                        textColor: '#666666',
                        formatter: wpsg_statistics_number_format
	                },
        			min:0
	            },
	            y2axis: {
	                label: '<?php echo __('Menge', 'wpsg'); ?>',
	                labelRenderer: jQuery.jqplot.CanvasAxisLabelRenderer,
	                tickRenderer: jQuery.jqplot.CanvasAxisTickRenderer,
	                tickOptions: {
	                	showGridline: false,
	                    fontFamily: 'Arial',
	                    fontSize: '8pt',
	                    fontWeight: 'normal',
	                    textColor: '#666666',
	                    formatter: wpsg_statistics_integer_format
	                },
	                min:0,
	                max: <?php echo $this->view['chart']['data']['y2max']; ?>,
	            }
	        },
	        highlighter: { show: false }
	    });

	    var data = [<?php echo $pieChartJS['sales']; ?>];
		  
	  	var charttopsellertosalesPieSales = jQuery.jqplot ('charttopsellertosales-pie-sales', [data],
		    {
		      seriesDefaults: {
		        renderer: jQuery.jqplot.PieRenderer,
		        rendererOptions: { padding: 50, sliceMargin: 4, showDataLabels: true } 
		      },
		      legend: { show:true, location: 'e' }
		    }
	  	);

	  	var data = [<?php echo $pieChartJS['amount']; ?>];
		  
	  	var charttopsellertosalesPieAmount = jQuery.jqplot ('charttopsellertosales-pie-amount', [data],
		    {
		      seriesDefaults: {
		        renderer: jQuery.jqplot.PieRenderer,
		        rendererOptions: { padding: 50, sliceMargin: 4, showDataLabels: true } 
		      },
		      legend: { show:true, location: 'e' }
		    }
	  	);
	  	
	    wpsg_statistic_addExportButton();
	    
	});
</script>

<style type="text/css">
	.jqplot-x2axis { display:none; }
</style>

<?php } else { ?>
<?php echo __('Keine Daten zur Auswertung vorhanden.', 'wpsg'); ?>
<?php } ?>
