{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}

<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}';
var PROPOSAL = '{$PROPOSAL}';
var PRODUCT_ART_NO = '{$PRODUCT_ART_NO}';
{literal}
function isPIDaValidInt(value) {
  var x = parseFloat(value);
  return !isNaN(value) && (x | 0) === x;
}
$(document).ready(function(){
    if (typeof rakuten_products_allocation_success_handler == "undefined") {
        return false;
        alert('rakuten_products_allocation_success_handler not exists');
    }
        
	$('#productsearch_button').click(function(){
		do_aop_submit();
	});
        if(PROPOSAL != ''){
            do_aop_submit();
        }
        $('.allocate_button').on('click',function(){
            var selected_pid = $('#products_id').val();
            if(!isPIDaValidInt(selected_pid)){
                $('.allocate_button').removeClass('ui-state-highlight').addClass('ui-state-error');
                setTimeout(function() {
                    $('.allocate_button').removeClass('ui-state-error').addClass('ui-state-highlight');
                }, 1000 );
                return false;
            }
            $.ajax({
                url: 'rakuten.php?action=allocate_product_process&pID='+selected_pid+'&product_art_no='+PRODUCT_ART_NO,
                dataType: 'json',
                success: function(json){
                    /**
                     * DIESE FUNKTION MUSS AUF DER CALLER SEITE IMPLEMENTIERT
                     * SEIN UND VERARBEITET DANN DIE ZUWEISUNG
                     */
                    if(json.MSG == ''){
                        $('#modal_window').dialog('destroy');
                        rakuten_products_allocation_success_handler(PRODUCT_ART_NO,selected_pid);
                    }else{
                        alert(json.MSG);
                    }
                },
                error: function(xhr){
                    alert('Error: cant allocate');
                }
            });
        });
});
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&rakuten_exclude_allocation_filter=1&'+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;
}
{/literal}
//-->
</script>
<div class="main">
    <div style="color: #777;font-size: 20px;"><b>Rakuten {#products_model#}:</b> {$PRODUCT_ART_NO}</div>
    <div style="color: #777;margin-bottom: 8px;">{$RAKUTEN_PRODUCTS_NAME}</div>
    <div style="margin-bottom: 8px;font-size: 20px;font-weight: bold;">
        pID: <input id="products_id" type="text" name="products_id" value="" size="8" maxlength="8" style="height: 25px;line-height: 20px;" />
        <button style="padding: 4px;" class="allocate_button ui-button ui-corner-all ui-state-highlight">{#allocate#}</button>
    </div>

    <div id="search_div" style="width:100%;padding:3px;border-top: 1px dashed #777;">
            <form id="productsearch" onsubmit="return false">
            <input id="searchfield" type="text" name="search" value="{$PROPOSAL}" />
            <select name="mode" id="searchmode">
                    <option value="">{#product#}</option>
                    <option value="search_ean">EAN/{#products_model#}</option>
            </select>
            <input type="button" class="ui-button ui-corner-all ui-state-default" value="{#search#}" id="productsearch_button" />
            </form>
            <div id="results"></div>
    </div>
</div>