$( document ).ready( function() {
	var postData = $( '#frm_search' ).serialize();
	var sEmail = $( '#email' ).val();
	var sURL = 'views/mappingSummaryView.cfm';
	
	$.ajax({
		method: 'GET',
		url: sURL,
		data: postData,
		cache: 0,
		success: function( data, status, xhr ) {
			$( '#spinner' ).addClass( 'd-none' );
			$( '#mapping-summary-card-body' ).html( data );
			
			$( '#daysTotal' ).html( 'for ' + xhr.getResponseHeader( 'daysTotal' ) + '-day period' );
			
			var aDates = xhr.getResponseHeader( 'dateRange' ).split(',');
			
			for( var i = 0; i < aDates.length; i++ ) {
				var sDate = aDates[i].toString();
				$.ajax({
					method: 'GET',
					async: false,
					url: 'ajax/renderChart.cfm',
					data: postData + '&date=' + sDate + '&firstMap=' + $( '#firstRecordMapped_' + sDate ).val() + '&lastMap=' + $( '#lastRecordMapped_' + sDate ).val(),
					cache: 0,
					success: function( data, status, xhr ) {
						var sTotalPerHour = xhr.getResponseHeader( '_totalPerHour' );
						var sHourRange = xhr.getResponseHeader( '_hourRangeLabel' );
						$( '#barChart-spinner-' + sDate ).addClass( 'd-none' );
						$( '#barChart-' + sDate ).removeClass( 'd-none' );
						renderBarChart( sDate, sTotalPerHour, sHourRange, sEmail );
					}
				});
			}
		}
	});
});

$( function() {
	$( '#startDate' ).datepicker();
	$( '#endDate' ).datepicker();
});

function renderBarChart( date, data, hourRange, email ) {
	var nThreshold = 19;
	if( email == '' ) {
		nThreshold = 159;
	}
	var aParts = data.split(":");
	
	var aData = aParts[0].split(",");
	var aBackgroundColor = [];
	var sColor = "#62D761";
	
 	var aSecData = aParts[1].split(",");
	var aSecBackgroundColor = [];
	var sSecColor = "#4D9CFF";
	
	for( var i = 0; i < aData.length; i++ ) {
		/* if( aData[i] > nThreshold ) {
			sColor = "#62D761";
		} else {
			sColor = "#D12426";
		} */
		aBackgroundColor.push( sColor );
		aSecBackgroundColor.push( sSecColor );
	}
	
	var aHourRange = hourRange.split(",");
	
	var ctx = document.getElementById( 'barChart-' + date ).getContext( '2d' );
	
	//alert( aData + '\n\n' + aBackgroundColor );
	var barChart = new Chart( ctx, {
		type: 'bar',
		data: {
			labels: aHourRange,
			datasets: [
				{
					label: 'Existing Records Mapped',
					data: aData,
					backgroundColor: aBackgroundColor
				},
				{
					label: 'New Created Records Mapped',
					data: aSecData,
					backgroundColor: aSecBackgroundColor
				}
			]
		},
		options: { 
			legend: { 
				display: true 
			},
			scales : {
				xAxes: [{ stacked: true }],
				yAxes: [{ stacked: true }]
			}
		}
	});
}

function showGapTimeList( sDate ) {
	$( '#myModal-' + sDate ).modal( 'show' );

	$( '#myModal-' + sDate ).draggable ({
		handle: '.modal-header'
	});
}