#foreach($product in $products)
	#set($data = $searcher.searchById($product.id))
	#set($items = $data.getInventoryItems())
	#foreach($item in $items)
		<tr>
			<td>$data.id</td>
			<td>$data</td>
			<td>$item.sku</td>
			<td>$item.getYourPrice()</td>
			<td><input id="${data.id}-${item.sku}-quantity" type="text" value="${item.getQuantityInStock()}" class="form-control text-right"  disabled/></td>
			<td><input class="edit" type="button" value="Edit" data-id="${data.id}" data-sku="${item.sku}" /></td>
			<td><span id="${data.id}-${item.sku}-result"></span></td>
		</tr>
	#end
#end
<script>
$(document).ready(function(){
	$(".edit").on("click",function(e){
		e.preventDefault();
		var id = $(this).data("id");
		var sku = $(this).data("sku");
		var val = $(this).val();
		if (val == "Edit"){
			$("#"+id+"-"+sku+"-quantity").removeAttr("disabled");
			$(this).val("Update");
		} else {
			$("#"+id+"-"+sku+"-quantity").attr("disabled","");
			$(this).val("Edit");
			var quantity = $("#"+id+"-"+sku+"-quantity").val();
			update(id,sku,quantity);
		}
	});
});
</script>