{include file="header.html"}
{include file="jqPlot.ini.html"}

{title value=$layout.pagetitle}

{box}
    {heading class="noshadow noborder"}
	<label class="checkbox-inline" style="font-size:10pt;"><input type="checkbox" class="chart_global" value="1">{trans('Tally')}</label>
	{foreach from=$yearrange item=item key=key}
	    <label class="checkbox-inline" style="font-size:10pt;"><input type="checkbox" class="chart_year" value="{$item}">{trans('Year')} {$item}</label>
	{/foreach}
    {/heading}
{/box}
    <div class="row">
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="content_chart">
	<div id="chartglobal" style="background:#FFF;border:solid 1px #CCC;margin-bottom:15px;display:none;padding:10px 5px 10px 10px;"><div id="chart"></div><div id="description"></div></div>
	{foreach from=$yearrange item=item key=key}
	    <div id="chart{$item}" style="background:#FFF;border:solid 1px #CCC;margin-bottom:15px;display:none;padding:10px 5px 10px 10px;"><div id="chart"></div><div id="description"></div><div id="charttariff"></div></div>
	{/foreach}
	</div>
    </div>


{literal}
<script type="text/javascript" language="JavaScript" class="code">
<!--
    $(document).ready(function(){
	
	$(".chart_year").on('click',function() {
	    var $year = $(this).val();
	    var $checked = $(this).is(':checked');
	    var $id = 'chart' + $year;
	    
	    if ($checked) {
		
		$("#" + $id).show();
		
		$.get("?plug=statistics&m=statisticsfinances",{
		    action : "getyear", 
		    year : $year
		}).done(function(result){
		    var $request = $.parseJSON(result);
		    draw_chart_year($id,$request.obligation,$request.income,$request.liabilities,$request.surcharge,$year);
		    if ($request.tariff.label.length) {
			draw_chart_tariff_year($id,$request.tariff);
		    }
		    $("#" + $id + " div#description").append($msg);
		});
		
	    } else {
		$("#" + $id + " div#chart").empty();
		$("#" + $id + " div#charttariff").empty();
		$("#" + $id + " div#description").empty();
		$("#" + $id).hide();
	    }
	});
	
	$(".chart_global").on('click',function() {
	    var $checked = $(this).is(':checked');
	    var $id = 'chartglobal';
	    
	    if ($checked) {
		
		$("#" + $id).show();
		
		$.get("?plug=statistics&m=statisticsfinances",{
		    action : "getglobal", 
		}).done(function(result){
		    var $request = $.parseJSON(result);
		    var $obligation = $request.obligation;
		    var $income = $request.income;
		    $.jqplot("chartglobal div#chart",[$obligation,$income],{
			title : "{/literal}{trans('Tally')}{literal}",
			axesDefaults:{
			    pad : 0
			},
			axes : {
			    xaxis : {
				renderer : $.jqplot.CategoryAxisRenderer,
				ticks : $request.range,
			drawMajorGridlines : false,
		    },
		},
			seriesColors : ["#0040FF","#FFBF00"],
			series : [
			    {
				pointLabels : { show : true },
				renderer:$.jqplot.BarRenderer,
				label : '{/literal}{trans("Obligation")}{literal}',
			    },
			    { 
				markerOptions : {show : true},
				rendererOptions : { smooth : true},
				label : '{/literal}{trans("Income")}{literal}'
			    },
		],
		legend : {
		    show : true,
		    placement : 'outsideGrid',
		    renderer : $.jqplot.EnhancedLegendRenderer,
		    
		},
		highlighter : {show : false },
		    });
		});
		
	    } else {
		$("#" + $id + " div#chart").empty();
		$("#" + $id + " div#description").empty();
		$("#" + $id).hide();
	    }
	});
	
	function draw_chart_tariff_year(id,tariff) {
	    
	    var ticks = ['Sty','Lut','Mar','Kwi','Maj','Cze','Lip','Sie','Wrz','Paź','Lis','Gru']
	    var $labels = tariff.label;
	    var $value = tariff.value;
	    var result = new Array();
	    
	    $.jqplot(id + " div#charttariff",tariff.value,{
		axesDefaults:{
		    pad : 0
		},
		axes : {
		    xaxis : {
			renderer : $.jqplot.CategoryAxisRenderer,
			ticks : ticks,
		    },
		},
		seriesDefaults : {
		    rendererOptions : { 
			smooth : true,
			
		    },
		    markerOptions : {show : true},
		},
		legend : {
		    show : true,
		    placement : 'outsideGrid',
		    renderer : $.jqplot.EnhancedLegendRenderer,
		    labels : $labels,
		    rendererOptions: {
			seriesToggle : 'normal',
			seriesToggleReplot : {resetAxes : true},
		    }
		},
		highlighter : {show : false },
	    });
	}
	
	function draw_chart_year(id,obligation,income,liabilities,surcharge,year) {
	    var ticks = ['Sty','Lut','Mar','Kwi','Maj','Cze','Lip','Sie','Wrz','Paź','Lis','Gru']
	    $.jqplot(id + " div#chart",[obligation,income,liabilities,surcharge],{
		title : "{/literal}{trans('Finacial results for the year')}{literal}" + " " + year,
		axesDefaults:{
		    pad : 0
		},
		axes : {
		    xaxis : {
			renderer : $.jqplot.CategoryAxisRenderer,
			ticks : ticks,
		    },
		    yaxis : {
			rendererOptions : {
			}
		    },
		    y2axis : {
			rendererOptions : {
			    alignTicks : true,
			    forceTickAt0 : true,
			}
		    },
		},
		
		seriesColors : ["#0040FF","#FFBF00","#FF4B4B","#00FF40"],
		series : [
		    {
			pointLabels : { show : true },
			renderer:$.jqplot.BarRenderer,
			label : '{/literal}{trans("Obligation")}{literal}',
		    },
		    { 
			pointLabels : { show : true },
			markerOptions : {show : true},
			rendererOptions : { smooth : true},
			label : '{/literal}{trans("Income")}{literal}'
		    },
		    {
			markerOptions : {show : true},
			rendererOptions : { smooth : true},
			label : '{/literal}{trans("Liabilities")}{literal}',
			yaxis : 'y2axis',
		    },
		    {
			markerOptions : {show : true},
			rendererOptions : { smooth : true},
			label : '{/literal}{trans("Surcharge")}{literal}',
			yaxis : 'y2axis',
		    },
		],
		legend : {
		    show : true,
		    placement : 'outsideGrid',
		    renderer : $.jqplot.EnhancedLegendRenderer,
		    
		},
		highlighter : {show : false },
	    });
	}
    }); // end ready

//-->
</script>
{/literal}

{include file="footer.html"}