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

{if $action == 'get_fieldset'}

{*

HTML CODE FUER STORAGE ELEMENT

*}


		<fieldset id="{$storage.id}">
			<legend>{$storage.name} - {#storage_number#}: {$storage.number} &nbsp; <img src="images/minus.gif" class="delete_storage_img" alt="" title="{#storage_delete#}" id="{$storage.id}" />&nbsp;</legend>

			{#storage_place#}<br />
			{foreach from=$storage.places item=place key=k}

			<input type="text" disabled="disabled" class="textInput" value="{$place.storage_place}" name="storage_place[{$storage.id}]" />
			<img src="images/minus.gif" alt="" title="{#storage_place_delete#}" class="deleteIcon" id="{$storage.id}" />
			<br />


			{/foreach}
			<div id="storage_place_holder{$storage.id}">{if $INPUT_AV_STORAGE_PLACES != ''}
			    {$INPUT_AV_STORAGE_PLACES}
			    <input id="{$storage_id}" type="button" value="{#allocate#}" class="av-submit ui-button ui-corner-all ui-state-default" />
			    <br /><br />
			{/if}</div>
			<span class="add-field-trigger" title="{#storage_place_add#}" id="{$storage.id}">
				<img src="images/plus.gif" alt="" title="{#storage_place_add#}" />
				{#storage_place_add#}
			</span>

		</fieldset>





















{elseif $action == 'get_storage_place_fieldset'}


{*

HTML CODE FUER STORAGE PLACE ELEMENT

*}



			<input type="text" disabled="disabled" class="textInput" value="{$storage_place}" name="storage_place[{$storage_id}]" id="{$storage_places_id}" />
			<img src="images/minus.gif" alt="" title="{#storage_place_delete#}" class="deleteIcon"  id="{$storage_id}" />
			<br />


































{else}


{literal}
<style type="text/css">
form.add_storage {
	margin-top: 4px;
	margin: 0; padding: 0;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
form.yesForm {
	margin: 0; padding: 0;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
form.yesForm fieldset {
	border: 1px solid #aaa;
	-moz-border-radius:5px; /* Round corners in mozilla browsers */
	-webkit-border-radius: 5px; /* Round corners for webkit browsers */
	margin-bottom:15px;
}
form.yesForm fieldset legend {
	color: #888;
	font-size:larger;
}
form.yesForm fieldset .add-field-trigger{
	font-size:smaller;
	color:#000099;
	cursor:pointer;
}

.no_allocated_places{
    color: #777;
}
.add-storage{
	font-size:smaller;
	color:#000099;
	cursor:pointer;
	margin-left:4px;
}
form.yesForm fieldset img.deleteIcon{
	cursor:pointer;
}
form.yesForm fieldset legend img.delete_storage_img{
	cursor:pointer;
}
</style>
{/literal}
<!--- load dynamicField plugin --->
<script type="text/javascript">
<!--
var JS_TEXT_PROMPT_STORAGE_PLACE = '{#storage_place#}';
var JS_TEXT_CONFIRM_DELETE_STORAGE = '{#storage_delete_confirm#}';
var JS_TEXT_CONFIRM_DELETE_STORAGE_PLACE = '{#storage_place_delete_confirm#}';
var PRODUCTS_ID = '{$PRODUCTINFO.products_id}';
{literal}
UTF8 = {
	encode: function(s){
		for(var c, i = -1, l = (s = s.split("")).length, o = String.fromCharCode; ++i < l;
			s[i] = (c = s[i].charCodeAt(0)) >= 127 ? o(0xc0 | (c >>> 6)) + o(0x80 | (c & 0x3f)) : s[i]
		);
		return s.join("");
	},
	decode: function(s){
		for(var a, b, i = -1, l = (s = s.split("")).length, o = String.fromCharCode, c = "charCodeAt"; ++i < l;
			((a = s[i][c](0)) & 0x80) &&
			(s[i] = (a & 0xfc) == 0xc0 && ((b = s[i + 1][c](0)) & 0xc0) == 0x80 ?
			o(((a & 0x03) << 6) + (b & 0x3f)) : o(128), s[++i] = "")
		);
		return s.join("");
	}
};

var get_new_storage_number = function(el){
	var storage_id = el.value;
	$.ajax({
		url: 'storage.php',
		data: {
			action: 'get_storage_number_from_storage_id',
			sID: storage_id,
			pID: PRODUCTS_ID,
		},
		dataType:'json',
		method: 'get',
		success: function(response){
			if(response.error)
				alert(response.error);
			else
				$('#new_storage_number').val(response.html);
		}
	});
};

var add_delete_storage_onclick = function(el){
	storage_id = el.id;
	yes = confirm(JS_TEXT_CONFIRM_DELETE_STORAGE);
	if(yes){
		$.ajax({
			url: 'storage.php',
			data: {
				action: 'delete_storage',
				sID: storage_id,
				pID: PRODUCTS_ID
			},
			method: 'get',
			context: el,
			success: function(response){
				$(this).parent().parent().remove();
			},
			error: function(XMLHttpRequest, textStatus, errorThrown){
				alert(XMLHttpRequest.status+': '+errorThrown);
			}
		});
	}
};
var add_storage_place_add_onclick = function(el,storage_places_id_selected){
    var src_obj = el;
    var storage_id = $(el).attr('id');
    if(storage_places_id_selected){
	var stpid = $('form.yesForm select[name="storage_places_id['+storage_id+']"]').val();
	if(stpid < 1){
	    return false;
	}
	var data_array = {
	    action: 'add_storage_place_fieldset',
	    storage_id: storage_id,
	    storage_places_id: stpid,
	    pID: PRODUCTS_ID
	};
    }else{
	storage_place = prompt(JS_TEXT_PROMPT_STORAGE_PLACE);
	if(storage_place !== null && storage_place.length > 1){
	    var data_array = {
		action: 'add_storage_place_fieldset',
		storage_id: storage_id,
		storage_place: storage_place,
		pID: PRODUCTS_ID
	    };
	}else{
	    return false;
	}
	
    }
    $.ajax({
	    url: 'storage.php',
	    dataType: 'json',
	    data: data_array,
	    method: 'get',
	    context: $(src_obj),
	    contentType: "application/json; charset=utf-8",
	    success: function(response){
		    if(response.error){
			    alert(response.error);
		    }else{
			    encoded_html = UTF8.decode(response.html);
			    $('.no_allocated_places#'+storage_id).hide();
			    $('#storage_place_holder'+storage_id).prepend( encoded_html );
			    /**
			     * Nun die Delete Buttons fuer den neuen Lagerplatz
			     * mit onclick versehen
			     */
			    $('#storage_admin_form fieldset img.deleteIcon').each(function(){
				$(this).unbind('click');
				$(this).on('click',function(){
					    add_storage_place_delete_onclick(this);
				});
			    });
			    // AUS SELECT BOX LOESCHEN
			    if(storage_places_id_selected){
				$('form.yesForm select[name="storage_places_id['+storage_id+']"] option:selected').remove();
			    }
		    }
	    },
	    error: function(XMLHttpRequest, textStatus, errorThrown){
		    alert(XMLHttpRequest.status+': '+errorThrown);
	    }
    });
};

var add_storage_place_delete_onclick = function(el){
	var src_obj = el;
	storage_place_field = $(src_obj).prev().get(0);
	storage_places_id = storage_place_field.id;
	yes = confirm(JS_TEXT_CONFIRM_DELETE_STORAGE_PLACE);
	if(yes && storage_places_id > 0){
		var storage_id = src_obj.id;
		$.ajax({
			url: 'storage.php',
			dataType: 'json',
			contentType: "application/json; charset=utf-8",
			data: {
				action: 'delete_storage_place',
				storage_id: storage_id,
				storage_places_id: storage_places_id,
				pID: PRODUCTS_ID
			},
			method: 'get',
			context: src_obj,
			success: function(response){
				$(this).prev().remove();
				$(this).next().remove();
				$(this).remove();
				$('form.yesForm select[name="storage_places_id['+storage_id+']"]').append('<option value="'+storage_places_id+'">'+response.storage_place+'</option>');
			},
			error: function(XMLHttpRequest, textStatus, errorThrown){
				alert(XMLHttpRequest.status+"\r\n"+XMLHttpRequest.responseText+': '+errorThrown);
			}
		});
	};
};


$(document).ready(function() {
	$('.add-field-trigger').each(function(){
	    $(this).unbind('click');
	    $(this).on('click',function(){
			add_storage_place_add_onclick(this,false);
	    });
	});
	$('form.yesForm fieldset .av-submit').each(function(){
	    $(this).unbind('click');
	    $(this).on('click',function(){
		add_storage_place_add_onclick(this,true);
	    });
	});
	
	$('#storage_admin_form fieldset img.deleteIcon').each(function(){
	    $(this).unbind('click');
	    $(this).on('click',function(){
			add_storage_place_delete_onclick(this);
	    });
	});
	$('.add-storage').click(function(){
		$('#add_storage_div').show();
	});
	$('#storage_admin_form legend img.delete_storage_img').each(function(){
		$(this).on('click',function(){
			add_delete_storage_onclick(this);
		});
	});
	$('#add_storage_button').click(function(){
		$('#add_storage_div').hide();
		var storage_id = parseInt($('#add_storage select#new_storage_id').val());
		var storage_number = $('#add_storage input#new_storage_number').val();
		if(storage_id < 1 || storage_number.length < 1){
			return false;
		}
		$.ajax({
			url: 'storage.php',
			data: {
				action: 'get_storage_fieldset',
				sID: storage_id,
				pID: PRODUCTS_ID,
				storage_number: storage_number
			},
			dataType: 'json',
			method: 'get',
			success: function(response){
				if(response.error){
					alert(response.error);
				}else{
					
					
					$('#storage_admin_form').prepend(response.html);
					$('#storage_admin_form .add-field-trigger').each(function(){
						$(this).unbind('click');
						$(this).on('click',function(){
							add_storage_place_add_onclick(this);
						});
					});
					$('#storage_admin_form fieldset img.deleteIcon').each(function(){
				    	    $(this).unbind('click');
					    $(this).on('click',function(){
							add_storage_place_delete_onclick(this);
					    });
					});
					$('#storage_admin_form legend img.delete_storage_img').each(function(){
						$(this).unbind('click');
						$(this).on('click',function(){
							add_delete_storage_onclick(this);
						});
					});
					$('#storage_admin_form .av-submit').each(function(){
					    $(this).unbind('click');
					    $(this).on('click',function(){
						add_storage_place_add_onclick(this,true);
					    });
					});
				}
			}
		});
	});
});
{/literal}
//-->
</script>


<div id="main" style="margin-left:4px;" class="main">

	<p style="font-size:larger;"><b>&raquo;{$PRODUCTINFO.products_name}&laquo;</b> {#products_id#}:  {$PRODUCTINFO.products_id}</p>

	<form action="#" method="post" id="storage_admin_form" class="yesForm">
		{foreach from=$STORAGES item=storage key=storage_lfd}
		<fieldset id="{$storage_lfd}">
			<legend>{$storage.name} - {#storage_number#}: {$storage.nummer} &nbsp; <img src="images/minus.gif" class="delete_storage_img" alt="" title="{#storage_delete#}" id="{$storage.storage_id}" />&nbsp;</legend>

			{#storage_places#}<br />
			{foreach from=$storage.places item=place key=k}

			<input type="text" disabled="disabled" class="textInput" value="{$place.storage_place}" name="storage_place[{$storage.id}]" id="{$place.storage_places_id}" />
			<img src="images/minus.gif" alt="" title="{#storage_place_delete#}" class="deleteIcon" id="{$storage.storage_id}" />
			<br />

			{foreachelse}
			<div class="no_allocated_places" id="{$storage.id}">{$TEXT_NO_STORAGE_PLACES_AVAILABLE}</div>
			{/foreach}
			
			<div id="storage_place_holder{$storage.storage_id}"></div>
			<br /><br />
			{$TEXT_STORAGE_PLACES_AVAILABLE}<br />
			<select name="storage_places_id[{$storage.storage_id}]">
			    <option value="">{$TEXT_SELECT}</option>
			    {foreach from=$storage.av_places item=place}
			    <option value="{$place.storage_places_id}">{$place.title}</option>
			    {/foreach}
			</select>
			<input id="{$storage.storage_id}" type="button" value="{#allocate#}" class="av-submit ui-button ui-corner-all ui-state-default" />
			<br /><br />
			<span class="add-field-trigger" title="{#storage_place_add#}" id="{$storage.storage_id}">
				<img src="images/plus.gif" alt="" title="{#storage_place_add#}" />
				{#storage_place_add#}
			</span>

		</fieldset>

		{/foreach}
	</form>
	<span class="add-storage" title="{#storage_add#}">
		<img src="images/plus.gif" alt="" title="{#storage_add#}" />
		{#storage_add#}
	</span>

	<div class="add_new_storage" title="{#storage_add#}" id="add_storage_div" style="display: none;">
		<form action="storages.php?action=quick_add" name="add_storage" id="add_storage" method="post">
			<fieldset>
				<legend>{#storage#}</legend>
				<label for="storage_name"></label>
				{$INPUT_STORAGES}<br />
				{#storage_number#}:
				<input type="text" value="" maxlength="128" name="storage_number" id="new_storage_number" />
				<img border="0" src="images/plus.gif" title="{#add_storage#}" id="add_storage_button" alt="" />
			</fieldset>
		</form>
	</div>
</div>

{/if}