#set($instock = $product.getInventoryItem(0).getQuantityInStock())
#if($product.isInStock() == false)
	#set($instock = 0)
#end



#if($product.isInStock())
	<p class="text-center">[[Current Stock]]: $instock</p>
#else
	<p class="text-center">[[Currently out of stock.]]</p>
	<p class="text-center">
		<a class="btn btn-danger text-center" href="$apphome/views/myaccount/tickets/newnotification.html?product.value=${product.id}&tickettype.value=stockrequest&viewid=ticketsticket_details&viewpath=ticket/ticketticket_details">[[Notify me <br/>when it's available]]</a>	
	</p>
	
#end

#if($product.isInStock())

	#if ( $product.isOnSale() )
		<p class="text-center">Regularly $product.getRetailPrice()<br>
			<span class="sale_price text-center">On Sale! $product.getYourPrice()</span>
		</p>
	#else
		<h4 class="text-center">Price: $product.getYourPrice()</h4>
	#end
	
	#set( $fastlink = "$home$apphome$storehome/shoppingbag.html?productid=${product.id}" )
	<div class="form-group control-group">
		<input type="text"  class="form-control" id="quantity" value="" placeholder="Quantity">	  
	</div>
	
	
	<p class="text-center">
		<a class="btn btn-primary" id="addtocart" href="$fastlink">Add to Cart</a>
	</p>
	
	<div id="error-div"></div>

<script>
$(document).ready(function(){
	$("#quantity").change(function(e){
		#set($D = '$')
		var max = $instock;
		var val = $(this).val();
		var quantity = "1";
		if (${D}.isNumeric(val) && val.indexOf('.') == -1){
			if (val > max){
				quantity = max;
				$(this).closest('.control-group').addClass('has-error');
				var msg = "<div class=\"alert alert-danger alert-dismissable\">";
				msg+= "<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;</button>";
				msg+= "<strong>Warning!</strong> Cannot exceed quantity in stock.</div>";
				$("#error-div").html(msg);
			} else {
				quantity = val;
				$(this).closest('.control-group').removeClass('has-error');
				$("#error-div").empty();
			}
			$(this).val(quantity);
		} else {
			$(this).val("1");
			$(this).closest('.control-group').addClass('has-error');
			var msg = "<div class=\"alert alert-danger alert-dismissable\">";
			msg+= "<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;</button>";
			msg+= "<strong>Error!</strong> Numbers only!</div>";
			$("#error-div").html(msg);
		}
		var url = "${fastlink}&quantity=" + quantity;
		$("#addtocart").attr("href",url);
	});
});

</script>
	
#end