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

<script type="text/javascript">
var form_legend_add = '{#add_product_property#}';
var link_add_product_property = '{$link_add_product_property}';
var text_delete = '{#delete#}';
var text_edit = '{#edit#}';
var really_delete_products_property = '{#really_delete_products_property#}';
var add_product_property_values = '{#add_product_property_values#}';
var product_properties = '{#product_properties#}';
var really_delete_products_properties_property_value = '{#really_delete_products_properties_property_value#}';
var link_delete_products_properties_property_value = '{$link_delete_products_properties_property_value}';
var link_delete_products_property = '{$link_delete_products_property}';
var link_add_products_property_values = '{$link_add_products_property_values}';
var js_prompt_new_property_lang_value = '{#js_prompt_new_property_lang_value#}';
var link_add_products_properties_property_value = '{$link_add_products_properties_property_value}';
var PRODUCTS_ID = '{$PRODUCTS_ID}';
var COPY_PROPERTIES_BASELINK = '{$COPY_PROPERTIES_BASELINK}';
{literal}
function _formReset(){
	$('form#add_product_property_form fieldset legend').html(form_legend_add);
	$('form#add_product_property_form input[name="products_properties_id"]').val('');
{/literal}    
	{foreach item=lang from=$languages}
	    $('form#add_product_property_form input#title_{$lang.id}').val('');
	    $('form#add_product_property_form textarea#properties_text_{$lang.id}').val('');
	{/foreach}
{literal}
	$('form#add_product_property_form input[name="sort_order"]').val(0);
	$('form#add_product_property_form input[name="tag"]').val('');
	$('form#add_product_property_form input#reset_form').hide();
	$('form#add_product_property_form input#add_product_property').show();
	$('form#add_product_property_form input#update_product_property').hide();
}

function _edit_products_property(products_properties_id){
    $('form#add_product_property_form fieldset legend').html(text_edit);
    $('form#add_product_property_form input[name="products_properties_id"]').val(products_properties_id);
    
{/literal}    
	{foreach item=lang from=$languages}
	    new_value = $('table#saved_properties tbody tr#'+products_properties_id+' td.title_{$lang.id}').html();
	    $('form#add_product_property_form input#title_{$lang.id}').val(new_value);
	    new_value_t = $('table#saved_properties tbody tr#'+products_properties_id+' td.properties_text_{$lang.id}').html();
	    $('form#add_product_property_form textarea#properties_text_{$lang.id}').val(new_value_t);
	{/foreach}
{literal}
    new_value = $('table#saved_properties tbody tr#'+products_properties_id+' td.sort_order').html();
    new_value2 = $('table#saved_properties tbody tr#'+products_properties_id+' td.tag').html();
    $('form#add_product_property_form input[name="sort_order"]').val(new_value);
    $('form#add_product_property_form input[name="tag"]').val(new_value2);
    $('form#add_product_property_form input#reset_form').show();
    $('form#add_product_property_form input#add_product_property').hide();
    $('form#add_product_property_form input#update_product_property').show();
    
    $('form#add_product_property_form input#reset_form').click(function(){
	_formReset();
    });

/*    $('form#add_product_property_form input[name="products_properties_id"]').val(products_properties_id);
    $('form#add_product_property_form input[name="products_properties_id"]').val(products_properties_id);
    $('form#add_product_property_form input[name="products_properties_id"]').val(products_properties_id);
  */  
}
function _delete_products_property(products_properties_id){
	yes = confirm(really_delete_products_property);
	if(yes){
		$.ajax({
			url: link_delete_products_property,
			data: { products_properties_id: products_properties_id },
			success:function(response){
			    
				$('table#saved_properties tbody tr#'+response).remove();
				number_of_properties = $('table#saved_properties tbody').children().length;
				$('a.product_properties_edit').html(product_properties+' ('+number_of_properties+')');
			}
		});
	}
}

$().ready(function(){
	$('div.add_products_properties_property_value').each(function(){
		$(this).click(function(){
			_width = YES_MODAL_BIGWIDTH;
			$('#add_products_properties_property_value_modal_window').dialog({
			    title: this.title,
			    width: _width,
			    modal:true
			}).load(link_add_products_properties_property_value+'&products_properties_id='+$(this).attr('id'));
		});
	});
	$('img.delete_products_property').each(function(){
		$(this).click(function(){
			_delete_products_property($(this).attr('id'));
		});
	});
	$('img.edit_products_property').each(function(){
		$(this).click(function(){
			_edit_products_property($(this).attr('id'));
		});
	});
	$('#update_product_property').click(function(){
		$.ajax({
			url: link_add_product_property,
			data: $('form#add_product_property_form').serialize(),
			dataType: 'json',
			success:function(json){
				itms = json.description;
				for(i=0;i<itms.length;i++){
				    item = itms[i];
				    $('table#saved_properties tbody tr#'+json.products_properties_id+' td.title_'+item.language_id).html(item.title);
				    $('table#saved_properties tbody tr#'+json.products_properties_id+' td.properties_text_'+item.language_id).html(item.properties_text);
				}
				$('table#saved_properties tbody tr#'+json.products_properties_id+' td.sort_order').html(json.sort_order);
				$('table#saved_properties tbody tr#'+json.products_properties_id+' td.tag').html(json.tag);
				_formReset();
			}
		});
	});
	$('#add_product_property').click(function(){
		$.ajax({
			url: link_add_product_property,
			data: $('form#add_product_property_form').serialize(),
			dataType: 'json',
			success:function(json){
				title_str = '';
                                properties_text_str = '';
				itms = json.description;
				for(i=0;i<itms.length;i++){
					item = itms[i];
					title_str += '	<td valign="top" class="title_'+item.language_id+'">'+item.title+'</td>';
                                        properties_text_str += '	<td valign="top" class="properties_text_'+item.language_id+'">'+item.properties_text+'</td>';
				}
				
				$('table#saved_properties tbody').append('<tr id="'+json.products_properties_id+'">'+title_str+properties_text_str+
					'	<td class="sort_order" valign="top" align="right">' +json.sort_order+'</td>'+
					'	<td class="tag" valign="top">' +json.tag+'</td>'+
					'	<td valign="top"><div class="add_products_properties_property_value" id="'+json.products_properties_id+'" title="'+add_product_property_values+'">'+text_edit+' (0)</div></td>'+
					'	<td class="actions"><img title="'+text_edit+'" class="edit_products_property" src="images/arrow_right.gif" id="'+json.products_properties_id+'">&nbsp;<img class="delete_products_property" id="'+json.products_properties_id+'" title="'+text_delete+'" src="images/icons/cross.gif"></td>'+
					'</tr>'
				);
				number_of_properties = $('table#saved_properties tbody').children().length;
				$('a.product_properties_edit').html(product_properties+' ('+number_of_properties+')');


				$('img.delete_products_property[id="'+json.products_properties_id+'"]').click(function(){
					_delete_products_property($(this).attr('id'));
				});
				$('img.edit_products_property[id="'+json.products_properties_id+'"]').click(function(){
					_edit_products_property($(this).attr('id'));
				});
				$('div.add_products_properties_property_value[id="'+json.products_properties_id+'"]').click(function(){
					_width = YES_MODAL_BIGWIDTH;
					$('#add_products_properties_property_value_modal_window').dialog({
					    title: this.title,
					    width: _width,
					    modal:true
					}).load(link_add_products_properties_property_value+'&products_properties_id='+$(this).attr('id'),function(){
					});
				});
				
				
			}
		});
	});
	$('input#copy_properties_from_pid').click(function(){
	    $('#modal_window').dialog('destroy');
	    $('#modal_window').dialog({
		modal: true,
		width: 'auto',
		height: 'auto',
		title: $(this).val()
	    }).load(COPY_PROPERTIES_BASELINK+'&action=copy_properties');
	});
});
{/literal}
</script>
<style type="text/css">
	{literal}
	div.delete_products_properties_property_value{
		cursor: pointer;
	}
	img.delete_products_property{
		cursor: pointer;
	}
	img.edit_products_property{
		cursor: pointer;
	}
	div.add_products_properties_property_value{
		color:#999;
		cursor: pointer;
	}
	{/literal}
</style>

<div style="width: 100%;text-align:right;">
    <input id="copy_properties_from_pid" class="ui-corner-all ui-state-default" value="{$BUTTON_COPY_FROM_PID}" type="button" />
</div>

<div id="product_properties" class="main">
  <b>{#saved_product_properties#}:</b>
  <table id="saved_properties" class="ui-widget ui-widget-content" width="100%">
	<thead>
	  <tr class="ui-widget-header ">
		{foreach from=$languages item=lang}
		<th>{#product_property_title#} {$lang.name}</th>
		<th>{#products_properties_text#} {$lang.name}</th>
		{/foreach}
		<th>{#product_property_sort_order#}</th>
		<th>{#products_properties_tag#}</th>
		<th>{#product_property_values#}</th>
		<th>&nbsp;</th>
	  </tr>
	</thead>
	<tbody>

		{foreach from=$saved_properties item=prop}

	  <tr id="{$prop.products_properties_id}">
		{foreach from=$prop.descriptions item=desc key=language_id}
		<td valign="top" class="title_{$language_id}">{if $desc.title != ''}{$desc.title}{else}{#empty#}{/if}</td>
		<td valign="top" class="properties_text_{$language_id}">{if $desc.text != ''}{$desc.text}{else}{#empty#}{/if}</td>
		{/foreach}
		<td class="sort_order" valign="top" align="right">{$prop.sort_order}</td>
		<td class="tag" valign="top">{$prop.tag}</td>
		<td class="properties" valign="top"><div class="add_products_properties_property_value" id="{$prop.products_properties_id}" title="{#edit_product_properties_values#}">{#edit#} ({$prop.num_values})</div></td>
		<td class="actions"><img class="edit_products_property" src="images/arrow_right.gif" id="{$prop.products_properties_id}" title="{#edit#}">&nbsp;
                    {if $XY_EXISTS == '1' && ($XY->products_properties_id_X == $prop.products_properties_id || $XY->products_properties_id_Y == $prop.products_properties_id) }
                    <img onclick="alert('XY Preiszuweisung vorhanden, kein Löschen möglich');" class="no_delete_products_property" src="images/icons/cross.gif" />
                    {else}
                    <img class="delete_products_property" id="{$prop.products_properties_id}" title="{#delete#}" src="images/icons/cross.gif">
                    {/if}
                </td>
	  </tr>

		{/foreach}

	</tbody>
  </table>
  <hr noshade="noshade" />
	<form id="add_product_property_form">
	    <input type="hidden" name="products_properties_id" value="" />
	<fieldset>
		<legend>{#add_product_property#}</legend>
	{foreach item=lang from=$languages}
	<label for="title_{$lang.id}">{#product_property_title#} {$lang.name}<br /></label>
	<input type="text" size="20" maxlength="64" name="title[{$lang.id}]" id="title_{$lang.id}" class="text ui-widget-content ui-corner-all" /><br />
        <label for="properties_text_{$lang.id}">{#products_properties_text#} {$lang.name} <span style="color:green; font-size: 1.1em;" title="{#products_properties_text_intro#}">&#9432;</span><br /></label>
	<textarea rows="3" cols="60" name="properties_text[{$lang.id}]" id="properties_text_{$lang.id}" class="text ui-widget-content ui-corner-all" /></textarea><br />
        
	{/foreach}
	<label for="sort_order">{#product_property_sort_order#}</label>
	<input type="text" size="3" maxlength="5" name="sort_order" id="sort_order" value="0" class="text ui-widget-content ui-corner-all" />
	<br />
	<label for="tag">{#products_properties_tag#} <span style="color:green; font-size: 1.1em;" title="{#products_properties_tag_intro#}">&#9432;</span></label>
	<input type="text" size="16" maxlength="16" name="tag" id="tag" value="" class="text ui-widget-content ui-corner-all" />
	<br />
	<input type="button" class="ui-button ui-corner-all ui-state-default" value="{#save#}" id="add_product_property" />
	<input type="button" class="ui-button ui-corner-all ui-state-default" value="{#save#}" id="update_product_property" style="display: none;"/>
	<input type="button" class="ui-button ui-corner-all ui-state-default" value="{#cancel#}" id="reset_form" style="display: none;"/>
	</fieldset>
	</form>
	<div id="add_products_properties_property_value_modal_window"></div>
	
	<hr noshade="noshade" />
	<i>{#text_properties_forbidden_characters#}</i>
	
</div>