{% set months = {1:"Jan", 2:"Feb", 3:"Mar", 4:"Apr", 5:"May", 6:"Jun", 7:"Jul", 8:"Aug", 9:"Sep", 10:"Oct", 11:"Nov", 12:"Dec"} %}
<script>

{% for stat in partner_graph_data %}
	var line_ctx_{{ stat['id'] }} = $("#lineChart_{{ stat['id'] }}").get(0).getContext("2d");
	var pie_ctx_{{ stat['id'] }} = $("#pieChart_{{ stat['id'] }}").get(0).getContext("2d");
{% endfor %}

{% for stat in partner_graph_data %}
	var line_data_{{ stat['id'] }} = {
		labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
		datasets: [
			{% for stat_service in stat['services'] %}
			{
				label: "{{ stat_service['service_code'] }}",
				fillColor: "rgba(220,220,220,0.2)",
				strokeColor: '{{ stat["colors"][stat_service["service_code"]] }}',
				pointColor: '{{ stat["colors"][stat_service["service_code"]] }}',
				pointStrokeColor: "#fff",
				pointHighlightFill: "#fff",
				pointHighlightStroke: '{{ stat["colors"][stat_service["service_code"]] }}',
				data: [
					{% for indx in 1..12 %}
						{% if stat['waybill_stats'][indx] is defined %}
						{% set found = 0 %}
							{% for service_stat in stat['waybill_stats'][indx] %}
								{% if service_stat['service'] == stat_service['service_code'] %}
									{% set found = 1 %}
									{{ service_stat['orig_total']|number_format(2, '.', '') }},
								{% endif %}
							{% endfor %}
							{% if found == 0 %}
								0,
							{% endif %}
						{% else %}
						0,
						{% endif %}
					{% endfor %}
				],
			},
			{% endfor %}
		]
	};

	var pie_data_{{ stat['id'] }} = [
			{% for stat_service in stat['services'] %}
			{
				label: "{{ stat_service['service_code'] }}",
				color: '{{ stat["colors"][stat_service["service_code"]] }}',
				highlight: '{{ stat["colors"][stat_service["service_code"]] }}',
				value: 
					{% if stat['waybill_stats'][stat['month']] is defined %}
						{% set found = false %}
						{% for service_stat in stat['waybill_stats'][stat['month']] %}
							{% if service_stat['service'] == stat_service['service_code'] %}
								{% set found = true %}
								{{ service_stat['orig_total']|number_format(2, '.', '') }}
							{% endif %}
						{% endfor %}
						{% if found == false %}
							0
						{% endif %}
					{% else %}
						0
					{% endif %}
			},
			{% endfor %}
	];

{% endfor %}


{% for stat in partner_graph_data %}
	var myLineChart_{{ stat['id'] }} = new Chart(line_ctx_{{ stat['id'] }}).Line(line_data_{{ stat['id'] }}, 
		{
		   responsive : false,
		   animation: true,
		   tooltipFillColor: "rgba(0,0,0,0.8)",                
		   tooltipFontSize: 9,
		   multiTooltipTemplate: "<%= datasetLabel %>: <%= value %>"
		}
	);
	var myPieChart_{{ stat['id'] }} = new Chart(pie_ctx_{{ stat['id'] }}).Pie(pie_data_{{ stat['id'] }}, 
		{
		   responsive : false,
		   animation: true,
		   tooltipFillColor: "rgba(0,0,0,0.8)",                
		   tooltipFontSize: 10,
		   tooltipTemplate: "<%= label %>: <%= value %>"
		}
	);
{% endfor %}

</script>

<table style="width:100%">
{% for stat in partner_graph_data %}
	<tr>
		<td>
			<h5>{{ stat['partner'] }}
			{% for stat_service in stat['services'] %}
			<code style="background-color: {{ stat['colors'][stat_service['service_code']] }}; color:#000000">{{ stat_service['service_code'] }}</code>
			{% endfor %}
			</h5>
			<div class="canvas-holder"><canvas id="lineChart_{{ stat['id'] }}" width="800" height="200"></canvas></div>
		</td>
		<td>
			<h5>{{ stat['partner'] }}
			{% for stat_service in stat['services'] %}
			<code style="background-color: {{ stat['colors'][stat_service['service_code']] }}; color:#000000">{{ stat_service['service_code'] }}</code>
			{% endfor %}
			</h5>
			<div class="canvas-holder"><canvas id="pieChart_{{ stat['id'] }}" width="200" height="200"></canvas></div>
		</td>
	</tr>
{% endfor %}
</table>