$(function(){
	var operation = "A"; //"A"=Adding; "E"=Editing

	var selected_index = -1; //Index of the selected list item

	var tbClients = localStorage.getItem("tbClients");//Retrieve the stored data

	tbClients = JSON.parse(tbClients); //Converts string to object



function Add(){
		total = $("#total_row").val();
			for (i = 1; i<= total; i++)
			{
			var client = JSON.stringify({
				state :  $("#state"+i).val(),
				qty  : $("#qty"+i).val(),
				name : $("#name"+i).val(),
				desc : $("#desc"+i).val()
			});
			tbClients.push(client);

		}
//		alert(tbClients);
			localStorage.setItem("tbClients", JSON.stringify(tbClients));
//		alert("The data was saved.");
		return true;
	}

//	function Edit(){
//		tbClients[selected_index] = JSON.stringify({
//				state    : $("#state").val(),
//				qty  : $("#qty").val(),
//				Phone : $("#name").val(),
//				Email : $("#desc").val()
//			});//Alter the selected item on the table
//		localStorage.setItem("tbClients", JSON.stringify(tbClients));
//		alert("The data was edited.")
//		operation = "A"; //Return to default value
//		return true;
//	}

	function Delete(){
		tbClients.splice(selected_index, 1);
		localStorage.setItem("tbClients", JSON.stringify(tbClients));
		alert("Supply deleted from your order.");
	}

	function List(){
		$("#tblList").html("");
		$("#tblList").html(
			"<thead>"+
			"	<tr>"+
			"	<th>state</th>"+
			"	<th>quantity</th>"+
			"	<th>name</th>"+
			"	<th>description</th>"+
			"	<th></th>"+
			"	</tr>"+
			"</thead>"+
			"<tbody>"+
			"</tbody>"
			);
		for(var i in tbClients){
			var cli = JSON.parse(tbClients[i]);
		  	$("#tblList tbody").append("<tr>" +
					 "	<td>"+cli.state+"</td>" +
					 "	<td>"+cli.qty+"</td>" +
					 "	<td>"+cli.name+"</td>" +
					 "	<td>"+cli.desc+"</td>" +
					 "	<td><i class='fa fa-times btnDelete' alt='Delete"+i+"'></i></td>" +
				 "</tr>");
			}
}

	$("#frmCadastre").bind("submit",function(){
		if(operation == "A")
			return Add();
		else
			return Edit();
	});

	List();

//	$(".btnEdit").bind("click", function(){
//
//		operation = "E";
//		selected_index = parseInt($(this).attr("alt").replace("Edit", ""));
//
//		var cli = JSON.parse(tbClients[selected_index]);
//		$("#state").val(cli.state);
//		$("#qty").val(cli.qty);
//		$("#name").val(cli.Phone);
//		$("#desc").val(cli.Email);
//		$("#state").attr("readonly","readonly");
//		$("#qty").focus();
//	});

	$(".btnDelete").bind("click", function(){
		selected_index = parseInt($(this).attr("alt").replace("Delete", ""));
		Delete();
		List();
	});
});