{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}
<script type="text/javascript">
	var JS_PROMPT_QTY_TO_ALLOCATE = '{$JS_PROMPT_QTY_TO_ALLOCATE}';
	var JS_ERROR_QTY_ALLOCATE = '{$JS_ERROR_QTY_ALLOCATE}';
	var JS_ERROR_QTY_ALL_ALLOCATE = '{$JS_ERROR_QTY_ALL_ALLOCATE}';
	{literal}
	var av = parseInt($('#untransferred').html());
	$().ready(function(){
  
	    //$( ".amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
	    $('#save_button').click(function(){
			var inp = 0;
			error = false;
			$( "input.allocate" ).each(
				function(){
					if( parseInt($(this).val()) < 0 || parseInt($(this).val()) > av ){
						alert(String.sprintf(JS_ERROR_QTY_ALLOCATE,''+av));
						error = true;
						return false;
					}
					inp += parseInt($(this).val());
				}
			);
			if(inp < 1 || inp > av){
				if(!error){
					alert(String.sprintf(JS_ERROR_QTY_ALL_ALLOCATE,''+av));
					return false;
				}
			}else{
				if(!error){
					$('#allocation_form').submit();
				}
			}
			
		});
	});
	
	{/literal}
</script>
<div class="main">
	<b>{#qty_physical#}:</b> {$products_quantity}<br />
	<b>{#allocated#}:</b> <div style="display:inline" id="transferred">{$transferred}</div><br />
	<b>{#unallocated#}:</b> <div style="display:inline" id="untransferred">{$untransferred}</div><br />
	{$FORM}
<table width="100%" class="yesListTable_minimal">
	<thead>
		<tr>
			<th>{#storage#}</th>
			<th>{#storage_place#}</th>
			<th>{#priority#}</th>
			<th>{#allocated#}</th>
			<th>&nbsp;</th>
		</tr>
	</thead>
	<tfoot>
		<tr>
			<td colspan="5"><input type="button" class="ui-button ui-corner-all ui-state-default" id="save_button" value="{#allocate#}" /></td>
		</tr>
	</tfoot>
	<tbody>
		 {foreach from=$items item=sp}
		<tr>
			<td>{$sp.storage_name}</td>
			<td>{$sp.storage_place}</td>
			<td>{$sp.priority}</td>
			<td>{$sp.quantity}</td>
			<td><input id="qty_{$sp.id}" name="qty_{$sp.id}" class="allocate" value="0" size="4" maxlength="6" /></td>
		</tr>
		{/foreach}
	</tbody>
</table>
	{$FORM_END}
</div>