totalAmount = 0
products = []
paymentMethod = null
solde = 0

function get_product(barcode){
	res = $.get("getProduct/" + barcode, function(data){
		add_product(data.pk, data.barcode, data.name, data.amount);
	});
}

function add_product(pk, barcode, name, amount){
	exist = false
	index = -1
	for(k=0;k < products.length; k++){
		if(products[k].pk == pk){
			exist = true
			index = k
		}
	}
	if(exist){
		products[index].quantity += 1;
	}else{
		products.push({"pk": pk, "barcode": barcode, "name": name, "amount": amount, "quantity": 1});
	}
	generate_html()
}

function generate_html(){
	html =""
	for(k=0;k<products.length;k++){
		product = products[k]
		html += "<tr><td>" + product.barcode + "</td><td>" + product.name + "</td><td>" + String(product.amount) + "</td><td>" + String(product.quantity) + "</td><td>" + String(product.quantity * product.amount) + "</td></tr>"
	}
	$("#items").html(html)
	updateTotal()
}

function updateTotal(){
	total = 0
	for(k=0;k<products.length;k++){
		total += products[k].quantity * products[k].amount
	}
	$("#totalAmount").text(String(total) + "€")
	if(paymentMethod == "compte"){
		totalAfter = solde - total
		$("#totalAfter").text(totalAfter + "€")
	}
}

$(document).ready(function(){
	$(".product").click(function(){
		product = get_product($(this).attr('target'));
	});
	$("#id_paymentMethod").on('change', function(){
		alert('lol')
	});
});