{config_load file=$language_path section="general"}
{config_load file=$language_path section="amazon"}
<script type="text/javascript">
<!--
var TEXT_ALLOCATE_ORDERS_PRODUCTS_SEARCH_RESULTS = '{$TEXT_ALLOCATE_ORDERS_PRODUCTS_SEARCH_RESULTS}';
var TEXT_ALLOCATE_ORDERS_PRODUCTS_NO_SEARCH_RESULTS = '{$TEXT_ALLOCATE_ORDERS_PRODUCTS_NO_SEARCH_RESULTS}';
{literal}
$(document).ready(function(){
	$('#productsearch_button').click(function(){
		do_aop_submit();
	});
});
function select_pid_for_allocate(pid){
	$('#products_id').val(pid);
	$('#results').html('');
}
function do_aop_submit(){
	var search_value = $('#searchfield').val();
	console.log('search_value: '+search_value);
	if(search_value.length >= 2){
		var search_mode = $('#searchmode').val();
		var mode = '';
		if(search_mode != ''){
			mode = '&'+search_mode+'=1';
		}
		var url = 'categories.php?limit=10'+mode+'&query='+encodeURI(search_value);
		$.getJSON(url,function(json){
		    // WIR BAUEN EIN json.suggestions
		    var _sugg = new Array( json.length );
		    for(i=0;i<json.length;i++){
			_sugg[i] = json[i];
		    }
		    json.suggestions = _sugg;
		    json.query = search_value;

			if(json.suggestions.length > 0){
				$('#results').html('<i>'+json.suggestions.length+' '+TEXT_ALLOCATE_ORDERS_PRODUCTS_SEARCH_RESULTS+' &raquo;'+json.query+'&laquo;</i>');
				var str = '<table border="0" class="yesListTable_minimal" width="100%">';
				for(i=0;i<json.suggestions.length;i++){
					str += '<tr id="'+json.suggestions[i].value+'" onclick="select_pid_for_allocate(this.id)" style="cursor: pointer;">';
					if(json.suggestions[i].icon != ''){
						str += '<td width="80">'+json.suggestions[i].icon+'</td>';
					}else{
					    str += '<td width="80">&nbsp;</td>';
					}
					str += '<td class="smallText">'+json.suggestions[i].value+'</td><td class="smallText">'+json.suggestions[i].label+'</td>';
					str += '</tr>';
				}
				$('#results').append(str);
			}else{
				$('#results').html('<i>'+TEXT_ALLOCATE_ORDERS_PRODUCTS_NO_SEARCH_RESULTS+' &raquo;'+json.query+'&laquo;</i>');
			}
		});
	}
	return false;
}
function amazon_allocate(forminstance){
	var products_id = forminstance.elements['products_id'].value;
	if(products_id != '' && parseInt(products_id) > 0){
		var amazon_order_item_code = forminstance.elements['amazon_order_item_code'].value;
		var sku = forminstance.elements['sku'].value;
                // ASIN WAERE COOL
		var url = 'amazon.php?action=allocate_orders_products&products_id='+products_id+'&amazon_order_item_code='+amazon_order_item_code+'&sku='+sku;
		$.ajax({
			url: url,
			success: function(response){
				alert(response);
				window.location.reload(true);
			}
		});
	}
	return false;
}
{/literal}
//-->
</script>
<div class="main">
<p>{$TEXT_ALLOCATE_ORDERS_PRODUCTS_ORDER} {$ORDERS_ID}</p>

{foreach from=$PRODUCTS item=product}
<form id="allocate_form_{$product.amazon_order_item_code}" onsubmit="return amazon_allocate(this);">
	<input type="hidden" name="amazon_order_item_code" value="{$product.amazon_order_item_code}" />
	<input type="hidden" name="sku" value="{$product.sku}" />
{$product.products_quantity} x <b>{$product.products_name}</b> ({#price#}: {$product.products_price|string_format:"%.2f"})<br />
<b>Amazon Item ID:</b> {$product.amazon_order_item_code} / <b>SKU:</b> {$product.sku}<br />
pID: <input id="products_id" type="text" name="products_id" value="" size="8" maxlength="8" /> <input type="button" class="yesButton" value="{#allocate#}" onclick="amazon_allocate(this.form)"/>
</form>
{foreachelse}
<i>{$TEXT_ALLOCATE_ORDERS_PRODUCTS_ORDER_FAILED}</i>
{/foreach}

<br /><br />
<div id="search_div" style="width:100%;margin:3px;padding:3px;">
	<b>Artikelsuche</b>
	<form id="productsearch" onsubmit="return do_aop_submit();">
	<input id="searchfield" type="text" name="search" value="" />
	<select name="mode" id="searchmode">
		<option value="">{#product#}</option>
		<option value="search_ean">EAN/{#products_model#}</option>
	</select>
	<input type="button" class="yesButton" value="{#search#}" id="productsearch_button" />
	</form>
	<div id="results"></div>
</div>


</div>