// default input
$(document).ready(function() {
	var firstdigit = $('#fd').text();
	getStructure(firstdigit);
});


$('#input').keyup(function() {
	var input = $(this).val();
	input = input.padEnd(12, "0");
	
	var i = 0;
	var checksum = 0;
	
	while (i < 12) {
		var digit = input.charAt(i);
		$('.inp' + i + ' > .digit').html(digit);
		
		var psum = parseInt(digit);
		
		// check if i = odd or even
		(i%2 == 0) ? psum = psum * 1 : psum = psum *3;
		// if (i%2 == 0) {
		// 	// the even data digits are always weight of 1
		// 	psum = psum * 1;
		// } else {
		// 	// the odd data digits are always weight of 3
		// 	psum = psum * 3;
		// }
		
		// add all digits together
		checksum = checksum + psum;
		i++;
	}
	
	// find nearest multiple of 10
	var check = Math.round(checksum / 10) * 10;
	// calculate the checksum (last digit)
	var check = check - checksum;
	
	if (check == 0 || check < 0) {
		check = check * -1;
		check = 10 - check;
	}
	
	if (check == 10) {
		check = 0;
	}
	
	$('.inp12 > .digit').html(check);
	var fdin = input.charAt(0);
	getStructure(fdin);
});

function getStructure(fd) {
	// find pattern with first digit
	if (fd == 0) {
		var f6 = 'LLLLLL';
	} else if (fd == 1) {
		var f6 = 'LLGLGG';
		
	} else if (fd == 2) {
		var f6 = 'LLGGLG';
		
	} else if (fd == 3) {
		var f6 = 'LLGGGL';
		
	} else if (fd == 4) {
		var f6 = 'LGLLGG';
		
	} else if (fd == 5) {
		var f6 = 'LGGLLG';
		
	} else if (fd == 6) {
		var f6 = 'LGGGLL';
		
	} else if (fd == 7) {
		var f6 = 'LGLGLG';
		
	} else if (fd == 8) {
		var f6 = 'LGLGGL';
		
	} else if (fd == 9) {
		var f6 = 'LGGLGL';
	}
	
	$('.f6').removeClass(function (index, className) {
			return (className.match (/(^|\s)L\S+/g) || []).join(' ');
		}).removeClass(function (index, className) {
			return (className.match (/(^|\s)G\S+/g) || []).join(' ');
		}).addClass(f6);
	
	var i = 1;
	
	while (i <= 7) {
		var x = i - 1;
		var fcx = f6.charAt(x);
		var target = '#fc' + i;
		var targetl = '#lc' + i;
		
		i++;
		
		var digit = $(target).children('.digit').text();
		var digitl = $(targetl).children('.digit').text();
		$(target).removeClass(function (index, className) {
			return (className.match (/(^|\s)L\S+/g) || []).join(' ');
		}).removeClass(function (index, className) {
			return (className.match (/(^|\s)G\S+/g) || []).join(' ');
		}).addClass(fcx + digit);
		
		// L Bars
		if (fcx == 'L') {
			$(target + ' > .bar > div').css('background', '#fff');
			// 1
			if (digit == '3' || digit == '4' || digit == '5' || digit == '6' || digit == '7' || digit == '8') {
				$(target + ' > .bar .d2').css('background', '#000');
			}
			
			// 2
			if (digit == '1' || digit == '2' || digit == '3' || digit == '5' || digit == '7' || digit == '8') {
				$(target + ' > .bar .d3').css('background', '#000');
			}
			
			// 3
			if (digit == '0' || digit == '1' || digit == '3' || digit == '6' || digit == '7' || digit == '9') {
				$(target + ' > .bar .d4').css('background', '#000');
			}
			
			// 4
			if (digit == '0' || digit == '3' || digit == '6' || digit == '8') {
				$(target + ' > .bar .d5').css('background', '#000');
			}
			
			// 5
			if (digit == '2' || digit == '4' || digit == '6' || digit == '7' || digit == '8' || digit == '9') {
				$(target + ' > .bar .d6').css('background', '#000');
			}
			
			$(target + ' > .bar .d7').css('background', '#000');
			
		} else if (fcx == 'G') { // G Bars
			$(target + ' > .bar > div').css('background', '#fff');
			// 1
			if (digit == '0' || digit == '1' || digit == '3' || digit == '5') {
				$(target + ' > .bar .d2').css('background', '#000');
			}
			
			// 2
			if (digit == '1' || digit == '2' || digit == '4' || digit == '5' || digit == '7' || digit == '9') {
				$(target + ' > .bar .d3').css('background', '#000');
			}
			
			// 3
			if (digit == '2' || digit == '4' || digit == '5' || digit == '8') {
				$(target + ' > .bar .d4').css('background', '#000');
			}
			
			// 4
			if (digit == '0' || digit == '4' || digit == '6' || digit == '9') {
				$(target + ' > .bar .d5').css('background', '#000');
			}
			
			// 5
			if (digit == '0' || digit == '1' || digit == '2' || digit == '9') {
				$(target + ' > .bar .d6').css('background', '#000');
			}
			
			$(target + ' > .bar .d7').css('background', '#000');
		}
		
		
		//
		// Last 6
		$(targetl + ' > .bar > div').addClass('R' + digitl);
		$(targetl + ' > .bar > div').css('background', '#fff');
		// 1
		if (digitl == '0' || digitl == '1' || digitl == '2' || digitl == '9') {
			$(targetl + ' > .bar .d2').css('background', '#000');
		}
		
		// 2
		if (digitl == '0' || digitl == '4' || digitl == '6' || digitl == '9') {
			$(targetl + ' > .bar .d3').css('background', '#000');
		}
		
		// 3
		if (digitl == '2' || digitl == '4' || digitl == '5' || digitl == '8') {
			$(targetl + ' > .bar .d4').css('background', '#000');
		}
		
		// 4
		if (digitl == '1' || digitl == '2' || digitl == '4' || digitl == '5' || digitl == '7' || digitl == '9') {
			$(targetl + ' > .bar .d5').css('background', '#000');
		}
		
		// 5
		if (digitl == '0' || digitl == '1' || digitl == '3' || digitl == '5' || digitl == '7') {
			$(targetl + ' > .bar .d6').css('background', '#000');
		}
		
		$(targetl + ' > .bar .d1').css('background', '#000');
	}
	
}

$('#capturebtn').click(function() {
	html2canvas(document.querySelector("#capture")).then(canvas => {
			document.body.appendChild(canvas)
	});
	$('.close').addClass('show');
	$('.overlay').addClass('show');
});

$('.close').click(function() {
	$('canvas').remove();
	$(this).removeClass('show');
	$('.overlay').removeClass('show');
});