	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">

				<a data-toggle="collapse" data-parent="#accordion1" href="#collapse-<?php echo $data->id_session; ?>" aria-expanded="false" class="collapsed"><i class="icon mdi mdi-chevron-down"></i> <span class="hidden-xs">Laporan Hasil Evaluasi Inovasi</span> Tahun #<?php echo CHtml::encode($data->session_code); ?><span class="hidden-xs"> - Tanggal Berakhir <?php echo CHtml::encode($data->expire_date); ?></span>

				</a>


			</h4>
		</div>
		<div id="collapse-<?php echo $data->id_session; ?>" class="panel-collapse collapse" aria-expanded="false" style="">
			<div class="panel-body table-responsive no-padding">

				<div class="col-lg-12">

					<div id="container-<?php echo $data->id_session; ?>" style="min-width: 300px; height: auto; margin: 0 auto"></div>

				</div>


			</div>
		</div>
	</div>



	<style type="text/css">
		.progress{margin-bottom: 0px;}
	</style>


	<script type="text/javascript">
		Highcharts.chart('container-<?php echo $data->id_session; ?>', {
			chart: {
				type: 'column'
			},
			title: {
				text: '10 Inovasi dengan Nilai Tertinggi Tahun <?php echo $data->session_code; ?>'
			},
			brand: false,
			subtitle: {
				text: 'Sumber: Laporan Hasil Evaluasi Inovasi Kabupaten Bandung Tahun #<?php echo $data->session_code; ?>'
			},
			xAxis: {
				type: 'category',
				labels: {
					rotation: -45,
					style: {
						fontSize: '13px',
						fontFamily: 'Verdana, sans-serif'
					}
				}
			},
			yAxis: {
				min: 0,
				title: {
					text: 'Total Nilai'
				}
			},
			legend: {
				enabled: false
			},
			tooltip: {
				pointFormat: 'Total Nilai: <b>{point.y:.1f} persen</b>'
			},
			series: [{
				name: 'Total Skor',
				data: [

				<?php
				foreach (Session::getVillage($data->id_session) as $data) {
					echo "['".$data['title']." - ".Department::model()->getName($data['id_department'])."', ".round($data['total_point']/$data['max_point']*100,2)."],";
				}
				?>

				],
				dataLabels: {
					enabled: true,
					rotation: -90,
					color: '#FFFFFF',
					align: 'right',
            format: '{point.y:.1f}', // one decimal
            y: 10, // 10 pixels down from the top
            style: {
            	fontSize: '13px',
            	fontFamily: 'Verdana, sans-serif'
            }
        }
    }]
});
</script>

<HR>