/**
 * Responsive chart size
 */
var screenWidth, screenHeight, chartHt, chartHt2;
screenWidth = screen.width; 
screenHeight = screen.height;

//alert(screenWidth);
if(screenWidth < 480) {
	chartHt = 250;
} else if(screenWidth < 919) {
	chartHt = 290;
} else if(screenWidth < 1100) {
	chartHt = 290;
	chartHt2 = 275;
} else {
	chartHt = 390;
	chartHt2 = 375;
}


/**
 * Function to populate Bar Chart for Affected Population
 * @returns
 */
function prepareBarChartDataAffectedPopulation() {
	showModal();
	
	$.ajax({
		url:"pop.BarChartDataAffectedPopulation",
		type:"GET",
		data:{
			//json_data: JSON.stringify(param_set)
		},
		success: function(response) {
			if (response == "N/A") {
				alert("Unable to populate Chart data.");
				hideModal();
				return;
			} else {
				var obj_response = eval ("("+ response +")");
				//console.log(obj_response);
				//var div_id = 'div_bar_popu_effected';
				var div_id = 'div_bar_popu_effected2';
				var chart_heading = 'Affected Population';
				
				var catg_data = [];
				for (var i = 0; i < obj_response.length; i++) {
					catg_data[i] = obj_response[i][1];
				}
				
				var arr_data_set = [];
				var json_data = {};
				json_data['name'] = 'Affected Population';
				var arr_data = [];
				for (var i = 0; i < obj_response.length; i++) {
					var temp_json = {};
					temp_json['dist'] = obj_response[i][1];
					temp_json['y'] = parseInt(obj_response[i][2]);
					temp_json['showInLegend'] = false;					
					temp_json['tt'] = obj_response[i][2];						
					arr_data[i] = temp_json;
				}	
				json_data['data'] = arr_data;
				arr_data_set[0] = json_data;
				//console.log(arr_data_set);
				//console.log(catg_data);
				drawBarChartAffectedPopulation(div_id, catg_data, arr_data_set, chart_heading);
			}
		},
		error: function (error) {
			alert("Unable to populate chart data.");
			hideModal();
			return;
		}
	});
}


/**
 * Function to draw Bar chart for Affected Population
 * @param div_id
 * @param catg_data
 * @param arr_data_set
 * @param chart_heading
 * @returns
 */
function drawBarChartAffectedPopulation(div_id, catg_data, arr_data_set, chart_heading) {
	var colors = ['#75B746'];
	Highcharts.chart(div_id, {
	    chart: {
	        type: 'bar'
	    },
	    title: {
	        text: chart_heading
	    },
	    colors: colors,
	    legend: {
	        align: 'left',
	        verticalAlign: 'top',
	    },	    
	    xAxis: {
	    	categories: catg_data,
	        crosshair: true
	    },
	    yAxis: {
	        min: 0,
	        title: {
	            text: ''
	        }
	    },
	    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:.1f} mm</b></td></tr>',
	        footerFormat: '</table>',
	        shared: true,
	        useHTML: true*/	    	
	    	
	    	/*followPointer:true,
	        headerFormat: '<b>{point.x}</b><br/>',
	        //pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
	        pointFormat: '{series.name}: {point.y}'*/
	    	
	    	//For Custom Tooltip
	    	useHTML: true,
	    	followPointer:true,
	    	formatter: function() {
	    		return ' '+
	    		'<b>'+this.point.dist+'</b><br/>'+
	    		this.series.name + ' : <b>'+this.point.tt+'</b>';
            }
	    },
	    plotOptions: {
	        column: {
	        	pointPadding: 0,
                groupPadding: 0
	        }
	    },
	    series: arr_data_set,
	    pointWidth:12,
	    credits: {
	        enabled: false
	    }
	});
	//hideModal();
	prepareBarChartQuantitativeData();
}


/**
 * Function to populate Bar Chart for Quantitative Data
 * @returns
 */
function prepareBarChartQuantitativeData() {
	showModal();
	
	$.ajax({
		url:"pop.BarChartDataQuantitative",
		type:"GET",
		data:{
			//json_data: JSON.stringify(param_set)
		},
		success: function(response) {
			if (response == "N/A") {
				alert("Unable to populate Chart data.");
				hideModal();
				return;
			} else {
				var obj_response = eval ("("+ response +")");
				//console.log(obj_response);
				//var div_id = 'div_bar_qnty_survey';
				var div_id = 'div_bar_qnty_survey2';
				var chart_heading = 'Real Time Dashboard for Quantitative Tool';
				
				var catg_data = [];
				for (var i = 0; i < obj_response.length; i++) {
					catg_data[i] = obj_response[i][1];
				}
				
				var arr_option = ['HHs to be interviewed', 'HHs interviewed'];
				var arr_data_set = [];
				for (var i = 0; i < arr_option.length; i++) {
					var json_data = {};
					json_data['name'] = arr_option[i];
					var arr_data = [];
					for (var j = 0; j < obj_response.length; j++) {
						var temp_json = {};
						temp_json['y'] = parseInt(obj_response[j][i+2]);
						//For Persons to be interviewed
						if(i == 0) {
							temp_json['tt'] = obj_response[j][i+2];
						}
						//For Persons interviewed
						else if(i == 1) {
							temp_json['tt'] = obj_response[j][i+3];
						}
						//temp_json['tt'] = obj_response[j][i+3];
						temp_json['dist'] = obj_response[j][1];
						arr_data[j] = temp_json;
					}	
					json_data['data'] = arr_data;
					arr_data_set[i] = json_data;
				}
				//console.log(arr_data_set);
				//console.log(catg_data);
				drawBarChartQuantitativeSurvey(div_id, catg_data, arr_data_set, chart_heading);
			}
		},
		error: function (error) {
			alert("Unable to populate chart data.");
			hideModal();
			return;
		}
	});
}


/**
 * Function to draw Bar chart for Quantitative Data
 * @param div_id
 * @param catg_data
 * @param arr_data_set
 * @param chart_heading
 * @returns
 */
function drawBarChartQuantitativeSurvey(div_id, catg_data, arr_data_set, chart_heading) {
	var colors = ['#75B746', '#BC4867'];
	Highcharts.chart(div_id, {
	    chart: {
	        type: 'bar'
	    },
	    title: {
	        text: chart_heading
	    },
	    colors: colors,
	    legend: {
	        align: 'left',
	        verticalAlign: 'top',
	    },	    
	    xAxis: {
	    	categories: catg_data,
	        crosshair: true
	    },
	    yAxis: {
	        min: 0,
	        title: {
	            text: ''
	        }
	    },
	    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:.1f} mm</b></td></tr>',
	        footerFormat: '</table>',
	        shared: true,
	        useHTML: true*/	    	
	    	
	    	/*followPointer:true,
	        headerFormat: '<b>{point.x}</b><br/>',
	        //pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
	        pointFormat: '{series.name}: {point.y}'*/
	    	
	    	//For Custom Tooltip
	    	useHTML: true,
	    	followPointer:true,
	    	formatter: function() {
	    		return ' '+
	    		'<b>'+this.point.dist+'</b><br/>'+
	    		this.series.name + ' : <b>'+this.point.tt+'</b>';
            }
	    },
	    plotOptions: {
	        column: {
	        	pointPadding: 0,
                groupPadding: 0
	        }
	    },
	    series: arr_data_set,
	    pointWidth:12,
	    credits: {
	        enabled: false
	    }
	});
	//hideModal();
	//prepareBarChartQualitativeData();
	prepareLsgSurvey();
}


/**
 * Function to populate Bar Chart for Qualitative Data
 * @returns
 */
/*function prepareBarChartQualitativeData() {
	showModal();
	
	$.ajax({
		url:"pop.BarChartDataQualitative",
		type:"GET",
		data:{
			//json_data: JSON.stringify(param_set)
		},
		success: function(response) {
			if (response == "N/A") {
				alert("Unable to populate Chart data.");
				hideModal();
				return;
			} else {
				var obj_response = eval ("("+ response +")");
				//console.log(obj_response);
				//var div_id = 'div_bar_qlt_survey';
				var div_id = 'div_bar_qlt_survey';
				var chart_heading = 'Real Time Dashboard for Qualitative Tool';
				
				var catg_data = [];
				for (var i = 0; i < obj_response.length; i++) {
					catg_data[i] = obj_response[i][1];
				}
				
				var arr_option = ['Estimated FGD', 'FGD Completed', 'Estimated KI', 'KI Completed'];
				var arr_data_set = [];
				for (var i = 0; i < arr_option.length; i++) {
					var json_data = {};
					json_data['name'] = arr_option[i];
					var arr_data = [];
					for (var j = 0; j < obj_response.length; j++) {
						var temp_json = {};						
						//For Estimated FGD
						if(i == 0) {
							temp_json['y'] = parseInt(obj_response[j][i+2]);
							temp_json['tt'] = obj_response[j][i+2];
						}
						//For FGD Completed
						else if(i == 1) {
							temp_json['y'] = parseInt(obj_response[j][i+2]);
							temp_json['tt'] = obj_response[j][i+3];
						}
						//For Estimated KI
						else if(i == 2) {
							temp_json['y'] = parseInt(obj_response[j][i+3]);
							temp_json['tt'] = obj_response[j][i+3];
						}
						//For KI Completed
						else if(i == 3) {
							temp_json['y'] = parseInt(obj_response[j][i+3]);
							temp_json['tt'] = obj_response[j][i+4];
						}
						//temp_json['y'] = parseInt(obj_response[j][i+2]);
						//temp_json['tt'] = obj_response[j][i+3];
						temp_json['dist'] = obj_response[j][1];
						arr_data[j] = temp_json;
					}	
					json_data['data'] = arr_data;
					arr_data_set[i] = json_data;
				}
				//console.log(arr_data_set);
				//console.log(catg_data);
				drawBarChartQualitativeSurvey(div_id, catg_data, arr_data_set, chart_heading);
			}
		},
		error: function (error) {
			alert("Unable to populate chart data.");
			hideModal();
			return;
		}
	});
}*/


/**
 * Function to draw Bar chart for Qualitative Data
 * @param div_id
 * @param catg_data
 * @param arr_data_set
 * @param chart_heading
 * @returns
 */
/*function drawBarChartQualitativeSurvey(div_id, catg_data, arr_data_set, chart_heading) {
	var colors = ['#75B746', '#BC4867', '#4882BC', '#B6DA23'];
	Highcharts.chart(div_id, {
	    chart: {
	        type: 'bar'
	    },
	    title: {
	        text: chart_heading
	    },
	    colors: colors,
	    legend: {
	        align: 'left',
	        verticalAlign: 'top',
	    },	    
	    xAxis: {
	    	categories: catg_data,
	        crosshair: true
	    },
	    yAxis: {
	        min: 0,
	        title: {
	            text: ''
	        }
	    },
	    tooltip: {
	    	//For Custom Tooltip
	    	useHTML: true,
	    	followPointer:true,
	    	formatter: function() {
	    		return ' '+
	    		'<b>'+this.point.dist+'</b><br/>'+
	    		this.series.name + ' : <b>'+this.point.tt+'</b>';
            }
	    },
	    plotOptions: {
	        column: {
	        	pointPadding: 0,
                groupPadding: 0
	        }
	    },
	    series: arr_data_set,
	    pointWidth: 12,
	    credits: {
	        enabled: false
	    }
	});
	popLsgInfo();
	//hideModal();
}*/


/**
 * Function to populate LSG Information
 * @returns
 */
function prepareLsgSurvey() {
	//console.log(level+"..."+dt_code+"..."+hl_code+"...");
	
	showModal();
	$.ajax({
		url: "pop.TableChartDataLsg",
		type: "GET",
		data: {
			
		},
		success: function(response) {
			// alert(response.length);
			if (response == "N/A") {
				alert("Unable to populate LSG Data.");
				//$('#div_table_lsg_survey').html('');
				$('#div_table_lsg_survey2').html('');
				hideModal();
				return;
			} else {
				var obj_response = eval ("("+ response +")");
				//console.log(obj_response);
				drawTableChartLsgSurvey(obj_response);
			}
		},
		error: function(xhr) {
			//Do Something to handle error
			alert("Unable to populate Labour Room Information.");
			hideModal();
			return;
		}
	});
}


/**
 * Function to show LSG Data in Table chart
 * @param obj_response
 * @returns
 */
function drawTableChartLsgSurvey(obj_response) {
	//console.log(level+"..."+obj_response);
	
	showModal();
	//$('#div_table_lsg_survey').html('');
	$('#div_table_lsg_survey2').html('');
	
	var tableData = "";
	tableData += "<table id='tbl_data_lsg_info' class='display rwd-table' cellspacing='0' width='106%' style='border: 1px solid black;'>";
		tableData += "<thead>";
			tableData += "<tr>"
				tableData += "<th>District</th>";
				tableData += "<th>LSGs affected</th>";
				tableData += "<th>LSGs selected for survey</th>";
				tableData += "<th>LSGs surveyed</th>";
				tableData += "<th>No. of HHs surveyed</th>";
			tableData += "</tr>"
	    tableData += "</thead>";
	    
	    tableData += "<tbody>";
	    for (var i = 0; i < obj_response.length; i++) {
	    	tableData += "<tr>";
	    	for (var j = 0; j < obj_response[i].length; j++) {
	    		tableData += "<td style='border: 1px solid black; class='text_left'>"+obj_response[i][j]+"</td>";	    	
	    	}	    	
	    	tableData += "</tr>";
	    }
	    tableData += "</tbody>";
	tableData += "</table>";
	//console.log(tableData);
	//$('#div_table_lsg_survey').html(tableData);
	$('#div_table_lsg_survey2').html(tableData);
	
	$('#tbl_data_lsg_info').DataTable({		
		//"scrollY": "1000px",
		//"scrollX": "300px",
        "scrollCollapse": true,        
        "paging": false,
        "searching": false,
        "info": false,
        //2D array - first inner array as the page length values and the second inner array as the displayed options
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
        //"ordering": false
        /* Disable initial sort */
        "order": [],
        "columnDefs": [
            {
            	//Align as center for all columns except 1st column
                "targets": [ 1, 2, 3, 4 ],
                "className": "text-center"
            }
        ],
        /*fixedColumns:   {
            leftColumns: 1,
            rightColumns: 0
        }*/
    });
	
	//Draw Table Chart
	var table = $('#tbl_data_lsg_info').DataTable();
		
	//For adjustment of Table row automatically
	table.columns.adjust().draw();	
	
	hideModal();	
}