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

{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_TITLE}
<br />
<style type="text/css">
    {literal}
    
    .clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
    }

    
    .storage .name,.storage .beschreibung {
	padding: 4px;
    }
    .storage .places {
	margin-top: 10px;
    }
    .storage .places .place{
	margin-bottom:  5px;
	margin-right:  5px;
	padding: 2px;
	width: 200px;
	min-height: 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #AAA;
	float: left;
    }
    .storage .places .place .title{
	cursor: pointer;
	font-weight: bold;
	padding: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 97%;
    }
    .storage .places .place .title .title_text{
	color: #666;
	width: 80%;
	float: left;
        line-height: 20px;
        font-size: 0.8em;
    }
    .storage .places .place .title .delete{
	float: left;
	cursor: pointer;
	color: red;
	font-size: larger;
	width: 10%;
	text-align: right;
    }
    .storage .places .place .title .add{
	float: left;
	cursor: pointer;
	font-size: larger;
	color: green;
	width: 10%;
	text-align: right;
    }
    .storage .places .place .description{
	padding: 2px;
	font-size: smaller;
	font-family: Courier, Monaco, monospace;
	color: #666;
	min-height: 15px;
    }
    .storage .places .place .summary{
	cursor: pointer;
	margin-top: 6px;
	padding: 2px;
    }
    
    {/literal}
</style>
<script type="text/javascript">
    var baselink = '{$JS_BASELINK}';
    var TEXT_STORAGE_PLACES_UPDATE_TITLE = '{$TEXT_STORAGE_PLACES_UPDATE_TITLE}';
    var TEXT_STORAGE_PLACE_PRODUCTS = '{$TEXT_STORAGE_PLACE_PRODUCTS}';
    var REALLY_DELETE_STORAGE_PLACE_ALLOCATION = '{$TEXT_REALLY_DELETE_STORAGE_PLACE_ALLOCATION}';
    var text_add_storage_number = '{#add_storage_number#}';
    var TEXT_STORAGE_PLACES_PLACE_SUMMARY = '{$TEXT_STORAGE_PLACES_PLACE_SUMMARY}';
    {literal}
    $(function(){
	update_bindings();
	$('.form-search').on('submit',function(){return false;});
	$('.form-search .btn').on('click', function(e){
	    $('input[name="only_empty"]').prop('checked',false);
	    var query = $.trim($(this).prevAll('.search-query').val()).toLowerCase();
	    $('.storage .places .place .title .title_text').each(function(){
		 var $this = $(this);
		 if($this.text().toLowerCase().indexOf(query) === -1)
		     $this.closest('.place').fadeOut();
		else $this.closest('.place').fadeIn();
	    });
	});	
	
	
	$('input.add_storage_place').click(function(){
	    $('#new_storage_place_container_form').dialog({
		modal: true,
		width: 'auto',
		height: 'auto'
	    });
	});
	$('#new_storage_place_container_form form').on('submit',function(){return false;});
	$('#new_storage_place_container_form form input.add_storage_place_submit_button').unbind('click');
	$('#new_storage_place_container_form form input.add_storage_place_submit_button').bind('click',function(){
	    $.ajax({
		url: $('#new_storage_place_container_form form').attr('action')+'&'+$('#new_storage_place_container_form form').serialize(),
		dataType: 'json',
		success: function(json){
		    if(json.MSG != ''){
			alert(json.MSG);
		    }else{
			var dummy = $('#new_storage_place_dummy .place').clone();
			dummy.attr('id',json.STPID);
                        var new_title = dummy.find('.title .title_text').text()+$('#new_storage_place_container_form form input[name="title"]').val();
			dummy.find('.title .title_text').text( new_title.substr(0,17) ).attr('title',new_title.replace('"',"'"));
			dummy.find('.description').text($('#new_storage_place_container_form form textarea[name="description"]').val());
			$('.storage .places').append(dummy);
			$('#new_storage_place_container_form form input[name="title"]').val('');
			$('#new_storage_place_container_form form textarea[name="description"]').val('');
			$('#new_storage_place_container_form').dialog('destroy');
			update_bindings();
		    }
		}
	    });
	});
	$('input[name="only_empty"]').change(function(){
	    display_only_empty($(this).prop('checked'));
	    $('.search-query').val('');
	});
	if($('input[name="only_empty"]').prop('checked') === true){
	    display_only_empty(true);
	}
    });
    function update_bindings(){
	$('.storage .places .place').each(function(){
	    $(this).find('.title .title_text').unbind('click');
	    var placeID = $(this).attr('id');
	    $(this).find('.title .title_text').bind('click',function(){
		$('#new_storage_place_container_form').dialog({
		    modal: true,
		    width: 'auto',
		    height: 'auto',
		    create: function(){
			dlg = $(this);
			$.ajax({
			   url: baselink+'&storage_place_action=get_storage_place_details&stpID='+placeID,
			   dataType: 'json',
			   success: function(json){
			       dlg.find('input[name="title"]').val(json.DATA.title);
			       dlg.find('textarea[name="description"]').val(json.DATA.description);
			       dlg.find('form').on('submit',function(){return false;});
			       dlg.find('form input.add_storage_place_submit_button').unbind('click');
			       dlg.find('form input.add_storage_place_submit_button').bind('click',function(){
				    $.ajax({
					url: $('#new_storage_place_container_form form').attr('action')+'&stpID='+placeID+'&'+$('#new_storage_place_container_form form').serialize(),
					dataType: 'json',
					success: function(json){
					    if(json.MSG != ''){
						alert(json.MSG);
					    }else{
						$('.storage .places .place#'+placeID+' .title .title_text').html('&#9998; '+dlg.find('form input[name="title"]').val());
						var updated_descr = dlg.find('form textarea[name="description"]').val();
						if(updated_descr.length > 40){
						    updated_descr = updated_descr.substring(0,40)+'...';
						}
						$('.storage .places .place#'+placeID+' .description').text(updated_descr);
						dlg.find('form input[name="title"]').val('');
						dlg.find('form textarea[name="description"]').val('');
						dlg.dialog('destroy');
					    }
					}
				    });
				});
			   }
			});
		    },
		    close: function(){
			dlg.dialog('destroy');
		    }
		});
	    });
	    $(this).find('.summary').unbind('click');
	    $(this).find('.summary').bind('click',function(){
                var _summarylink = baselink+'&storage_place_action=get_storage_place_allocations&stpID='+placeID;
		$('#modal_window').data('modallink',_summarylink).dialog({
		   modal: true,
		   width: 'auto',
		   height: 'auto',
		   title: $(this).text(),
		}).load(_summarylink);
	    });
	    
	    $(this).find('.title .delete').unbind('click');
	    $(this).find('.title .delete').bind('click',function(){
		yes = confirm(REALLY_DELETE_STORAGE_PLACE_ALLOCATION);
		if(yes){
		    $.ajax({
			url: baselink+'&storage_place_action=delete&stpID='+placeID,
			dataType: 'json',
			success: function(json){
			    if(json.MSG != ''){
				alert(json.MSG);
			    }else{
				$('.storage .places .place#'+placeID).fadeOut().remove();
			    }
			}
		    });
		}
	    });
	    $(this).find('.title .add').unbind('click');
	    $(this).find('.title .add').bind('click',function(){
                var dlg_title = $(this).attr('title');
                var load_content = $('#add_product_to_storage_place_content').clone();
                $(load_content).find('form').attr('name','add_product_to_storage_place_form');
                $(load_content).find('input#dummy_query').attr('id','query');
                $(load_content).find('img#ui-autocomplete-loading-dummy').attr('id','ui-autocomplete-loading');
                $(load_content).find('a#pid_directinput-dummy').attr('id','pid_directinput');
            
                $('#add_product_to_storage_place').dialog({
                    title: dlg_title,
                    width: 'auto',
                    height: 'auto',
                    modal: true
                }).html($(load_content).html());
                $('form[name="add_product_to_storage_place_form"]').append('<input type="hidden" name="stpID" value="'+placeID+'" />');
                suggestsearch_init();
	    });
	});
    }
    function display_only_empty( status ){
	$('.storage .places .place .summary').each(function(){
	    if(status){
		if($(this).attr('id') != '0'){
		    $(this).closest('.place').fadeOut();
		}else{
		    $(this).closest('.place').fadeIn();
		}
	    }else{
		$(this).closest('.place').fadeIn();
	    }
	});
    }
    
    function create_storagenumber(products_id, stID, stpID ){
        $('#add_product_to_storage_place').dialog({
            title: text_add_storage_number,
            width: 'auto',
            height: 'auto',
            modal: true
        }).load('storage_numbers.php?products_id='+products_id+'&action=ajax_add&stID='+stID+'&submit_page=storage_places&stpID='+stpID);
    }
    
    function add_product_to_storage_place_process(products_id,stpID){
        json_url = 'storage.php?action=storage_places&storage_place_action=add_product_to_storage_place&pID='+products_id+'&stpID='+stpID;
        $.ajax({
                url: json_url,
                dataType: 'json',
                method: 'get',
                success: function(json){
                    if(json.MSG != ''){
                            $('#query').val('');
                            alert(json.MSG);
                            if(json.CREATE_STORAGENUMBER == '1'){
                                $('#add_product_to_storage_place').dialog('destroy');
                                create_storagenumber(products_id,json.STORAGE_ID, stpID);
                            }
                    }else{
                        $('#add_product_to_storage_place').dialog('destroy');
                        var summary_container = $('.places .place[id="'+stpID+'"] .summary');
                        var summary_qty = parseInt(summary_container.attr('id'))+1;
                        summary_container.attr('id', summary_qty).text(TEXT_STORAGE_PLACES_PLACE_SUMMARY.replace('%s',summary_qty));
                        update_bindings();
                    }
                },
                error: function(XMLHttpRequest, textStatus, errorThrown){
                        alert(XMLHttpRequest.status+"\r\n"+XMLHttpRequest.responseText+': '+errorThrown);
                }
        });
    }
    
    function suggestsearch_init(){
        var _STPID = $('form[name="add_product_to_storage_place_form"] input[name="stpID"]').val();
        $('#query').focus();
	$('a#pid_directinput').click(function(){
		var products_id = prompt('pID');
		if( parseInt(products_id) > 0 ){
                    add_product_to_storage_place_process(products_id,_STPID);
		}
	});
	$('#query').autocomplete({
	   minLength: 2,
	   source: function(request, response) {
                $.ajax({
                    url: 'categories.php',
                    dataType: 'json',
                    data: {
                        query: $('#query').val(),
                        search_ean: ($('form[name="add_product_to_storage_place_form"] input[name="search_ean"]').is(':checked')) ? 1 : 0
                    },
                    success: function (data) {
                           $('#query').removeClass('ui-autocomplete-loading');
                            response($.map(data, function (item) {
                                return {
                                    label: item.label,
                                    value: item.value,
                                    icon: item.icon
                                };
                            }));
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown){
                            alert(XMLHttpRequest.status+"\r\n"+XMLHttpRequest.responseText+': '+errorThrown);
                    }
                });
	    },
            
	    search: function(event,ui){
		$('form#allocate_search img#ui-autocomplete-loading').show();
	    },
	    open: function(event,ui){
		$('form#allocate_search img#ui-autocomplete-loading').hide();
	    },
	    select: function(event,ui){
		var products_id = ui.item.value;
                add_product_to_storage_place_process(products_id,_STPID);
	    }
	}).data( 'ui-autocomplete' )._renderItem = function( ul, item ) {
	      return $( "<li>" )
		.append( "<a>"  +  item.icon +' '+item.label + "</a>" )
		.appendTo( ul );
	};
        $('#query').keypress(function(event){
          var keycode = (event.keyCode ? event.keyCode : event.which);
          if (keycode == '13') {
            event.preventDefault();
            event.stopPropagation();    
          }
        });

    }
    {/literal}
</script>
<div class="ui-widget storage" id="{$ID}">
{$STORAGE_SELECT_FORM}{$INPUT_STORAGE_SELECT} {$INPUT_STORAGE_SELECT_SUBMIT}</form>
{if $ID > 0}
    <div class="ui-widget-header ui-state-highlight name">[ID:{$ID}] {if $DEFAULT_STORAGE == 'y'}<span style="color: green;" title="Default">&#9733;</span>&nbsp;{/if}{$NAME}</div>
    <div class="ui-widget-content beschreibung">{$BESCHREIBUNG}</div>
    <br />
    <form class="form-search" name="form-search">
	<input class="search-query" value="" type="text" name="search-query" />
	<input type="button" class="btn ui-state-highlight ui-corner-all" value="{$SEARCH}" />
    </form>
    &nbsp;&nbsp;
    
    {$TEXT_FILTER_ONLY_EMPTY_STORAGE_PLACES}
    {$INPUT_ONLY_EMPTY}
    &nbsp;&nbsp;
    
    <input type="button" class="add_storage_place ui-state-default ui-corner-all" value="{$ADD}" />
    <div class="places">
	{foreach from=$PLACES item=place}
	<div class="place clearfix" id="{$place.storage_places_id}">
	    <div class="ui-widget-header title">
		<div title="{$place.title}" class="title_text">&#9998; {$place.title|truncate:17:"..."}</div>
		<div class="add" title="{#product#} {#add#}">&#65291;</div>
		<div class="delete">&#10007;</div>
	    </div>
	    <div class="description">{$place.description|truncate:40:"...":true}</div>
	    <div class="summary" id="{$place.summary_num}">{$place.summary}</div>
	</div>
	{/foreach}
    </div>
{/if}
</div>
<div id="new_storage_place_container_form" style="display: none; padding: 5px;" title="{$ADD}">
    {$ADD_STORAGE_PLACE_FORM}
    {$INPUT_NEW_STORAGE_PLACE_TITLE}<br /><input type="text" name="title" value="" size="32" maxlength="64"/><br />
    <br />
    {$INPUT_NEW_STORAGE_PLACE_DESCRIPTION}<br /><textarea name="description" cols="30" rows="4"></textarea><br />
    <input type="button" class="ui-state-highlight ui-corner-all add_storage_place_submit_button" value="{$IMAGE_SAVE}" />
    </form>
</div>
<div id="new_storage_place_dummy" style="display: none;">
	<div class="place clearfix" id="">
	    <div class="ui-widget-header title">
		<div class="title_text">&#9998; </div>
		<div class="add" title="{#product#} {#add#}">&#65291;</div>
		<div class="delete">&#10007;</div>
	    </div>
	    <div class="description"></div>
	    <div class="summary">{$DEFAULT_SUMMARY}</div>
	</div>
</div>
<div id="storage_place_products_container" style="display: none;"></div>
<div id="add_product_to_storage_place" style="display: none;"></div>

<div id="add_product_to_storage_place_content" style="display: none;">
    <div class="main">
    <form>
    <fieldset>
            <legend>{#suggest_search_storage_places_heading#}</legend>
            <label for="query">{#suggest_search_input#}&nbsp;</label>
            <input type="text" name="q" id="dummy_query" style="padding:3px; font-size:14px; width:294px" />
            <img style="display:none;height:15px;padding-left:4px;" id="ui-autocomplete-loading-dummy" src="images/loading.gif" border="0" />
            &nbsp;
            <a href="javascript:;" id="pid_directinput-dummy"><u>{#suggest_search_pid_input#}</u></a>
            <div style="font-size: 0.9em;color: #666;">
            <input type="checkbox" name="search_ean" value="1" id="search_ean" />
            <label for="search_ean">{#ean_search#}</label>
            </div>
    </fieldset>
    <p><i>{#suggest_search_input_intro#}</i></p>
    </form>
    </div>
</div>