{% extends 'modal.html.twig' %}

	{% block modal_header_title %}
		Check Inventory
		  	
	{% endblock modal_header_title %}
	{% block modal_body %}  

<form method="post" id='inventory_check' name='inventory_check' action="{{ path('officebrain_product_bundle_product_check_inventory_web_service') }}" class="review data-form" autocomplete="off"> 
      <div class="modal-body">
      	<div class="full-width ">			      		
      		<div class="row space-bottom-10">
      			<div class="col-md-4 col-xs-12 text-right form-text">Requested Quantity:</div>
      			<div class="col-md-6 col-xs-12">
      				<input type="text" value="" class="form-control form-control-tool-tip check_inventory_input" name="qty" id="qty" placeholder="Enter Quantity" title="Enter Quantity">
      				<span id="qty_error" class="color-red" style="display: none;">Enter Quantity</span>
      				<span id="valid_qty_error" class="color-red" style="display: none;">Enter Valid Quantity</span>
      			</div>
      		</div>
      		
      		<div class="row space-bottom-10">
      			<div class="col-xs-12 text-center">
      				<button type="button" class="btn all-but add-btn gray js_check_inventory">Check</button>
      			</div>
      		</div>
      		<div id="inventory_reponse"></div>			      		
      	</div>			        
      </div> 
<input type="hidden" id="product_sku" name="product_sku" value={{ sku }}>		
<input type="hidden" id="product_slug" name="product_slug" value={{ slug }}>		
</form>
<style>
<!--
.space-bottom-10 {
    margin-bottom: 10px;
}
-->
</style>	 
<script type="text/javascript">
$(".check_inventory_input").keypress(function(event) {
    if (event.which == 13) {
        event.preventDefault();
        $(".js_check_inventory").click();
    }
}); 
</script>
{% endblock modal_body %}