<!-- Vendor -->
		<script src="assets/vendor/jquery/jquery.js"></script>
		<script src="assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
		<script src="assets/vendor/bootstrap/js/bootstrap.js"></script>
		<script src="assets/vendor/nanoscroller/nanoscroller.js"></script>
		<script src="assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
		<script src="assets/vendor/magnific-popup/magnific-popup.js"></script>
		<script src="assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>
		
		<!-- Specific Page Vendor -->
		<script src="assets/vendor/jquery-ui/js/jquery-ui-1.10.4.custom.js"></script>
		<script src="assets/vendor/jquery-ui-touch-punch/jquery.ui.touch-punch.js"></script>
		<script src="assets/vendor/jquery-appear/jquery.appear.js"></script>
		<script src="assets/vendor/bootstrap-multiselect/bootstrap-multiselect.js"></script>
		<script src="assets/vendor/jquery-easypiechart/jquery.easypiechart.js"></script>
		<script src="assets/vendor/flot/jquery.flot.js"></script>
		<script src="assets/vendor/flot-tooltip/jquery.flot.tooltip.js"></script>
		<script src="assets/vendor/flot/jquery.flot.pie.js"></script>
		<script src="assets/vendor/flot/jquery.flot.categories.js"></script>
		<script src="assets/vendor/flot/jquery.flot.resize.js"></script>
		<script src="assets/vendor/jquery-sparkline/jquery.sparkline.js"></script>
		<script src="assets/vendor/raphael/raphael.js"></script>
		<script src="assets/vendor/morris/morris.js"></script>
		<script src="assets/vendor/gauge/gauge.js"></script>
		<script src="assets/vendor/snap-svg/snap.svg.js"></script>
		<script src="assets/vendor/liquid-meter/liquid.meter.js"></script>
		<!-- Specific Page Vendor -->
		<script src="assets/vendor/jquery-validation/jquery.validate.js"></script>
		<script src="assets/vendor/jquery-autosize/jquery.autosize.js"></script>
		<script src="assets/vendor/bootstrap-fileupload/bootstrap-fileupload.min.js"></script>	
		<script src="assets/vendor/select2/select2.js"></script>
		<script src="assets/vendor/jquery-datatables/media/js/jquery.dataTables.js"></script>
		<script src="assets/vendor/jquery-datatables/extras/TableTools/js/dataTables.tableTools.min.js"></script>
		<script src="assets/vendor/jquery-datatables-bs3/assets/js/datatables.js"></script>

		<script src="assets/vendor/codemirror/lib/codemirror.js"></script>
		<script src="assets/vendor/codemirror/addon/selection/active-line.js"></script>
		<script src="assets/vendor/codemirror/addon/edit/matchbrackets.js"></script>
		<script src="assets/vendor/codemirror/mode/javascript/javascript.js"></script>
		<script src="assets/vendor/codemirror/mode/xml/xml.js"></script>
		<script src="assets/vendor/codemirror/mode/htmlmixed/htmlmixed.js"></script>
		<script src="assets/vendor/codemirror/mode/css/css.js"></script>
		<script src="assets/vendor/summernote/summernote.js"></script>

		
		<!-- Theme Base, Components and Settings -->
		<script src="assets/javascripts/theme.js"></script>
		
		<!-- Theme Custom -->
		<script src="assets/javascripts/theme.custom.js"></script>
		
		<!-- Theme Initialization Files -->
		<script src="assets/javascripts/theme.init.js"></script>

		<!-- Examples -->
		<script src="assets/javascripts/dashboard/examples.dashboard.js"></script>
		<script src="assets/javascripts/forms/examples.validation.js"></script>
		<script src="assets/javascripts/tables/examples.datatables.default.js"></script>
		<script src="assets/javascripts/tables/examples.datatables.row.with.details.js"></script>
		<script src="assets/javascripts/tables/examples.datatables.tabletools.js"></script>
		<script src="assets/javascripts/ui-elements/examples.lightbox.js"></script>
		<script src="assets/javascripts/ui-elements/examples.modals.js"></script>
        <!-- highcharts -->
		<script src="assets/javascripts/highcharts.js"></script>	
		<script src="assets/javascripts/drilldown.js"></script>
		<script src="assets/javascripts/exporting.js"></script>	
		<script src="assets/javascripts/highcharts-3d.js"></script>	
		
		<!-- Specific Page Vendor -->
		<script src="assets/javascripts/bootstrap-notify.js"></script>
		
		<script type="text/javascript">
    	$(document).ready(function(){			
		<?php
		if(isset($_GET['e'])){
			if($_GET['e']==0){$i='fa fa-check-square-o';$m='Data Berhasil Disimpan.';$t='success';}
			elseif($_GET['e']==1){$i='fa fa-warning';$m='Data Gagal Disimpan!';$t='danger';}
			elseif($_GET['e']==3){$i='fa fa-warning';$m='Password Lama Anda Salah!';$t='warning';}
			elseif($_GET['e']==4){$i='fa fa-times';$m='Data Gagal Dihapus!';$t='danger';}
			elseif($_GET['e']==5){$i='fa fa-check-square-o';$m='Data Telah Dihapus!';$t='success';}	
			elseif($_GET['e']==6){$i='fa fa-warning';$m='Size Photo harus kurang dari 1 MB!';$t='warning';}
			elseif($_GET['e']==7){$i='fa fa-warning';$m='Photo gagal diUpload!';$t='danger';}
			
		?>
        	$.notify({
            	icon: '<?php echo $i; ?>',
            	message: "<?php echo $m; ?>"

            },{
                type: '<?php echo $t; ?>',
                timer: 600,
				placement: {
                from: 'top',
                align: 'center'
            }
            });
		<?php
		}
		?>
		});
	</script>
			<script type="text/javascript">
    	$(document).ready(function(){		
			$('#edit').click(function(){
				$('#input').prop('disabled', false);
				$('#input2').prop('disabled', false);
				$('#input3').prop('disabled', false);
				$('#input4').prop('disabled', false);
				$('#input5').prop('disabled', false);
				$('#input6').prop('disabled', false);
				$('#input7').prop('disabled', false);
				$('#edit').slideUp();
				$('#submit').slideDown();
			});
		});
		</script>
<?php

if(isset($_GET['page']) and ($_GET['page']=='formPMA')){

?>			
		<script type="text/javascript">
    	$(document).ready(function(){		
			var options="";
			$("#ubSektor").on('change',function(){
				var value=$(this).val();
				$("#ubSubSektor").find('option').remove();
				if(value=="Sektor Primer")
				{
					options='<option>Pertambangan</option>';
					$("#ubSubSektor").html(options);
				}
				else if(value=="Sektor Sekunder")
				{
					options='<option>Industri Mesin, Elektronik, Instrumen Kedokteran, Peralatan Listrik, Presisi, Optik dan Jam</option>'
						   +'<option>Industri Lainnya</option>';
					$("#ubSubSektor").html(options);
				}
				 else if(value=="Sektor Tersier")
				{
					options='<option>Listrik, Gas dan Air</option>'
						   +'<option>Perumahan, Kawasan Industri dan Perkantoran</option>'
						   +'<option>Hotel dan Restoran</option>'
						   +'<option>Konstruksi</option>'
						   +'<option>Perdagangan dan Reparasi</option>'
						   +'<option>Jasa Lainnya</option>';
					$("#ubSubSektor").html(options);
				}   
			});
		});
		</script>		
			<?php
}else if(isset($_GET['page']) and ($_GET['page']=='formPMDN')){
?>			
		<script type="text/javascript">
    	$(document).ready(function(){		
			var options="";
			$("#ubSektor").on('change',function(){
				var value=$(this).val();
				$("#ubSubSektor").find('option').remove();
				if(value=="Sektor Primer")
				{
					options='<option>Pertambangan</option>';
							+'<option>Tanaman Pangan, Perkebunan, dan Peternakan</option>'
							+'<option>Kehutanan</option>';
					$("#ubSubSektor").html(options);
				}
				else if(value=="Sektor Sekunder")
				{
					options='<option>Industri Makanan</option>'
						+'<option>Industri Makanan</option>'
						+'<option>Industri Mesin, Elektronik, Instrumen Kedokteran, Peralatan Listrik, Presisi, Optik dan Jam</option>'
						+'<option>Industri Karet dan Plastik</option>'
						+'<option>Industri Kendaraan Bermotor dan Alat Transportasi Lain</option>'
						+'<option>Industri Lainnya</option>';
					$("#ubSubSektor").html(options);
				}
				 else if(value=="Sektor Tersier")
				{
					options='<option>Listrik, Gas dan Air</option>'
						   +'<option>Perumahan, Kawasan Industri dan Perkantoran</option>'
						   +'<option>Hotel dan Restoran</option>'
						   +'<option>Konstruksi</option>'
						   +'<option>Perdagangan dan Reparasi</option>'
						   +'<option>Jasa Lainnya</option>'
						   +'<option>transportasi gudang dan telekomunikasi</option>';
					$("#ubSubSektor").html(options);
				}   
			});
		});
		</script>		
<?php
}else{
?>			
		<script type="text/javascript">
$( document ).ready(function() {		
	
	function drawStat(){
		var options = {
				chart: {
					type: 'areaspline',
				},
				title: {
					text: 'STATISTIK KUNJUNGAN PERHARI'
				},		
				xAxis: {
					categories: []
				},
				yAxis: {
					title: {
						text: 'Jumlah'
					}
				},
				plotOptions: {
					areaspline: {
						fillOpacity: 0.5,
						dataLabels: {
							enabled: true
						},
						enableMouseTracking: true						
					}
				},
				series: [{
					name: 'Pengunjung',
					color: '#5499C7',
					data: []
				}]
			};
			
		var id = 'kunjungan';

	   $.ajax({
			type: 'post',	 
			url   :"https://dpmptsp.pekanbaru.go.id/getStatistik.php?token=7f20557d2e1f58a0c7927225c58c81d4",	
			data: {id:id},
			success: function (response) {
			if (!$.trim(response)){   
				swal("Maaf!", "Tidak ada data ditemukan.", "warning");
			}else{   
				var obj = JSON.parse(response);					
				jQuery.each(obj, function(i, val) {
					options.series[0].data.push(parseFloat(val.jumlah));
					options.xAxis.categories.push(val.tanggal);
				});								
				$('#statHarian').highcharts(options);					
			}
		 }
	   });
	}
	drawStat();			
	
	function drawStatUpdateData(){
		var options5 = {
					 chart: {
								type: 'areaspline'		
							},
							title: {
								text: 'STATISTIK UPDATE DATA PERHARI'
							},		
							xAxis: {
								categories: []
							},
							yAxis: {
								title: {
									text: 'Jumlah'
								}
							},
							plotOptions: {
								areaspline: {
									fillOpacity: 0.5,
									dataLabels: {
										enabled: true
									},
									enableMouseTracking: true						
								}
							},
							tooltip: {
								headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
								pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
									'<td style="padding:0"><b>{point.y}</b></td></tr>',
								footerFormat: '</table>',
								shared: true,
								useHTML: true
							},					
							series: [{
								name: 'Artikel',
								data: [],
								color :'#F1C40F'
							},
							{
								name: 'UMKM',
								data: [],
								color :'#D2B4DE'						
							},
							{
								name: 'PMA',
								data: [],
								color :'#2ECC71'						
							},
							{
								name: 'PMDN',
								data: [],
								color :'#E74C3C'						
							}]
					};	
		
		var id = 'data';

	   $.ajax({
			type: 'post',	 
			url   :"https://dpmptsp.pekanbaru.go.id/getStatistik.php?token=7f20557d2e1f58a0c7927225c58c81d4",	
			data: {id:id},		 
		 success: function (response) {
		 if (!$.trim(response)){   
				alert("Tidak ada data ditemukan.");
			}else{		
			var obj = JSON.parse(response);				
				jQuery.each(obj, function(i, val) {
					console.log(val);
					options5.series[0].data.push(parseFloat(val.artikel));
					options5.series[1].data.push(parseFloat(val.umkm));
					options5.series[2].data.push(parseFloat(val.pma));
					options5.series[3].data.push(parseFloat(val.pmdn));
					options5.xAxis.categories.push(i);
				});																
				$('#statUpdateData').highcharts(options5);			
			}
		 }
	   });
	}
	drawStatUpdateData();
		
	});
	</script>		
<?php
}
?>