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

<script>
    var TEXT_ALLOCATE_PRODUCTS_CONTENT_SEARCH_RESULTS = '{$TEXT_ALLOCATE_PRODUCTS_CONTENT_SEARCH_RESULTS}';
    var TEXT_ALLOCATE_PRODUCTS_CONTENT_NO_SEARCH_RESULTS = '{$TEXT_ALLOCATE_PRODUCTS_CONTENT_NO_SEARCH_RESULTS}';
    var TEXT_EXISTING_ALLOCATION_DELETE = '{$TEXT_EXISTING_ALLOCATION_DELETE}';
    var TEXT_ALLOCATE_ORDERS_PRODUCTS_SEARCH_RESULTS = '{$TEXT_ALLOCATE_ORDERS_PRODUCTS_SEARCH_RESULTS}';
    var SELECTED_FILE = '{$FILE}';
    // wenn allocate_pid uebergeben wurde
    var INPUT_PRODUCTS_ID_DEFAULT = parseInt('{$INPUT_PRODUCTS_ID_DEFAULT}');
{literal}
function add_to_products_content_entries(content_id) {
    var pID = $('form#allocation_form input[name="products_id"]').val();
    var name = $('form#allocation_form input[name="content_name[2]"]').val();
    var new_content = '<div class="entry main" id="content_id'+content_id+'">';
    new_content += '<div class="pID" id="pID'+pID+'">pID '+pID+'</div>';
    new_content += '<div id="name">'+$('form#allocation_form input[name="content_name[2]"]').val()+'</div>';
    new_content += '<div style="clear: both;"></div>';
    new_content += '</div>';
    $('#allocated_div').show().append(new_content);
    $('form#allocation_form input[name="products_id"]').val('');
    add_products_content_delete_handler($('#allocated_div #content_id'+content_id+' .pID'));
};
function add_products_content_delete_handler(elm){
    elm.on('click',function(){
       if(confirm(TEXT_EXISTING_ALLOCATION_DELETE)){
           var products_id = $(this).attr('id').replace('pID','');
           $.ajax({
              url: 'ebayapi_ftpfile.php?action=delete_allocation&file='+encodeURIComponent(SELECTED_FILE)+'&products_id='+products_id,
              dataType: 'json',
              success: function(json){
                  elm.parent().remove();
                  if(!$('#allocated_div .entry').length){
                    $('#allocated_div').hide();
                  }
              }
           });
       }
    }).hover(function(){
        $(this).css('text-decoration','line-through');
    },function(){
        $(this).css('text-decoration','none');
    });
}
$(function(){
    $('form#productsearch').hide();
    $('#text_search').on('click',function(){
        $('form#productsearch').toggle();
    });
    if(!$('#allocated_div .entry').length){
        $('#allocated_div').hide();
    }
    $('#allocated_div .entry .pID').each(function(){
       add_products_content_delete_handler($(this));
    });
    
	$('#productsearch_button').click(function(){
            do_aop_submit();
	});
        $('#productallocate_button').on('click',function(){
            if(!chk_elf_pid($('#products_id').val())){
                $('input[name="products_id"').toggle('highlight',function(){
                    $(this).toggle();
                });
            }else{
                $.ajax({
                   url: 'ebayapi_ftpfile.php?action=copytoproduct_process',
                   data: $('form#allocation_form').serialize(),
                   dataType: 'json',
                   method: 'post',
                   success: function(json){
                       if(json.ERROR != ''){
                           alert(json.ERROR);
                       }else{
                           add_to_products_content_entries(json.content_id);
                           if(INPUT_PRODUCTS_ID_DEFAULT > 0){
                               $('#modal_window').dialog('destroy');
                           }
                       }
                   }
                });
            }
        });
});
function chk_elf_pid(value) {
  if (isNaN(value)) {
    return false;
  }
  var x = parseFloat(value);
  if(x < 1){
      return false;
  }
  return (x | 0) === x;
}
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;
}
{/literal}
</script>
<style type="text/css">
{literal}
#allocated_div .entry {
    display: block;
}
#allocated_div .entry .pID, #allocated_div .entry #name{
    display: inline-block;
    float: left;
    margin-left: 4px;
}
#allocated_div .entry .pID{
    width: 80px;
    cursor: pointer;
}
#text_search{
    text-decoration: underline;cursor: pointer;
}
{/literal}
</style>
<div id="allocated_div" class="ui-widget-content" style="width:100%;margin:3px;padding:3px;">
    &nbsp;<b><span class="main">{$TEXT_EXISTING_ALLOCATIONS}</span></b>
    {foreach from=$ALLOCATEDS item=al}
    <div class="entry main" id="content_id{$al.content_id}">
        <div class="pID" id="pID{$al.products_id}">pID {$al.products_id}</div>
        <div id="name">{$al.content_name}</div>
        <div style="clear: both;"></div>
    </div>
    {/foreach}
</div>
<div id="search_div" style="width:100%;margin:3px;padding:3px;" class="ui-widget">
    <div class="ui-widget-content main" style="padding:4px;">
        <div id="text_search">{$TEXT_ALLOCATION_PRODUCTS_SEARCH}</div>
        <form id="productsearch" onsubmit="return do_aop_submit();">
        <input id="searchfield" type="text" name="search" value="" size="50" maxlength="128" />
        <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 class="ui-widget-content main" style="padding:6px;margin-top: 5px;">
        <form id="allocation_form" onsubmit="return false;">
        <b>{$TEXT_ALLOCATION_TO_PID}:</b> <input id="products_id" type="text" name="products_id" value="{$INPUT_PRODUCTS_ID_DEFAULT}" size="7" maxlength="7" />
        <p><b>{$TEXT_ALLOCATION_CONTENT_FILE}:</b><br />
        {$INPUT_CONTENT_FILE}
        </p>
        <p><b>{$TEXT_ALLOCATION_CONTENT_NAME}:</b> <i>{$TEXT_ALLOCATION_CONTENT_NAME_INTRO}</i><br />
        {foreach from=$INPUT_CONTENT_NAME item=cn}
        {$cn.lang} {$cn.input}<br />
        {/foreach}
        </p>
        <p><b>{$TEXT_ALLOCATION_FILE_COMMENT}:</b> <i>{$TEXT_ALLOCATION_CONTENT_FILE_INTRO}</i><br />
        {$INPUT_FILE_COMMENT}
        </p>
        <input type="button" class="yesButton" value="{#save#}" id="productallocate_button" />
        </form>
   </div>
</div>