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

<style type="text/css">
    {literal}
img.image_search_res_img{
    margin-right: 6px;
    margin-left: 6px;
    max-width:35px;
    max-height:35px;
}
.ui-autocomplete-path{
		font-weight: bold;
}
    {/literal}
</style>

{if $action == 'edit_property'}


<script type="text/javascript">
var text_confirm_delete_property_value = '{#text_confirm_delete_property_value#}';
var id = '{$ID}';
var table_key = '{$TABLE_KEY}';
{literal}
function add_path_complete(element){
	$(element).pathcomplete({
	    source: "categories.php?action=image_search",
	    minLength: 2,
	    select: function(event,ui){
		$('#ppv_image'+$(this).attr('id')).attr('src','../files/'+ui.item.value);
		$('select[name="image['+$(this).attr('id')+']"').val(0);
	    }
	});
}

$().ready(function(){
    $.widget( "custom.pathcomplete", $.ui.autocomplete, {
	_create: function() {
	  this._super();
	  this.widget().menu( "option", "items", "> :not(.ui-autocomplete-path)" );
	},
	_renderMenu: function( ul, items ) {
	  var that = this,
	    currentPath= "";
	  $.each( items, function( index, item ) {
	    var li;
	    if ( item.path != currentPath && item.path != '.') {
	      ul.append( "<li class='ui-autocomplete-path'>/" + item.path + "</li>" );
	      currentPath = item.path;
	    }
	    li = that._renderItemData( ul, item );
	    if ( item.path ) {
	      li.attr( "aria-label", item.path + " : " + item.value );
	    }
	  });
	},
	_renderItem: function( ul, item ) {
	    return $( "<li>" )
		.append( item.img+'<a>' + item.label+'</a><br clear="all" />' )
	    .appendTo( ul );
	},
    });
    $('input[name^="files_image"]').each(function(){
	add_path_complete($(this));
    });
    
    $('form#property_edit_form table#ppv_table button.remove_property_value').each(function(){
	$(this).click(function(){
	    yes = confirm(text_confirm_delete_property_value);
	    if(!yes) return false;
	    var pvlID = $(this).attr('id');
	    $('form#property_edit_form table#ppv_table tr#ppv'+pvlID).each(function(){
		    $(this).remove();
	    });
	});
    });
    $('#save_property_values').click(function(){
	$.post('ebayapi_cart.php?action=update_properties&id='+id+'&table_key='+table_key,$('form#property_edit_form').serialize(),
	function(response){
	    $('div.properties').each(function(){
		if( $(this).attr('id') == response){
		    $(this).load('ebayapi_cart.php?action=get_properties',{id: response} );
		}
		$('#modal_window').dialog('close');
	    });
	});
    })
    $('form#property_edit_form table#ppv_table .imgselect').each(function(){
	$(this).change(function(){
	    if($(this).val() != '')
		var new_src = '../images/product_images/thumbnail_images/'+$(this).val();
	    else
		var new_src = 'images/pixel_trans.gif';
	
	    $('#ppv_image'+$(this).attr('id')).attr('src',new_src);
	    $('input[name="files_image['+$(this).attr('id')+']"]').val('');
	});
    });
});

{/literal}
</script>
<hr noshade="noshade" />
<i>{#text_properties_forbidden_characters#}</i>
<hr noshade="noshade" />
<form id="property_edit_form">
<table id="ppv_table" class="formArea">
    <tr><td colspan="3"><b>{#text_property#}</b></td></tr>
{foreach from=$DESC item=desc}
    <tr>
	<td>{$desc.lang}</td>
	<td colspan="2">{$desc.input}</td>
    </tr>
{/foreach}
    <tr>
	<td colspan="3">&nbsp;</td>
    </tr>
    <tr><td colspan="3"><b>{#text_property_values#}</b></td></tr>
{foreach from=$VALUES item=ppv key=nr}
    {foreach from=$ppv.values item=value}
    <tr id="ppv{$nr}">
	<td>{$value.lang}</td>
	<td colspan="2">{$value.input}</td>
    </tr>
    {/foreach}
    <tr id="ppv{$nr}">
	<td>{#text_property_value_price#}</td>
	<td>{$ppv.price}</td>
	<td rowspan="2"><img id="ppv_image{$nr}" src="{if $ppv.image != ''}{$ppv.image}{else}images/pixel_trans.gif{/if}" border="0" style="max-width: 100px;max-height:100px;" /></td>
    </tr>
    <tr id="ppv{$nr}">
	<td valign="top">{#image#}</td>
	<td colspan="2">
	    {$ppv.input_image}<br /><br />
	    <b>oder</b> <i>{#image#} (files/)</i><br />
	    {$ppv.files_image_input}
	</td>
    </tr>
    <tr id="ppv{$nr}">
	<td colspan="3">
	    <button id="{$nr}" type="button" class="remove_property_value ui-state-default ui-corner-all">{#text_link_delete_property_value#}</button>
	    <hr noshade="noshade" />
	</td>
    </tr>
{/foreach}
</table>
<input type="button" value="{#save#}" class="ui-button ui-corner-all ui-state-default" id="save_property_values"/>
</form>






{else} {* EOF ACTION *}

<script type="text/javascript">
    var properties_id = '{$id}';
    var text_confirm_import_properties = '{#text_confirm_import_properties#}';
    var text_confirm_delete_properties = '{#text_confirm_delete_properties#}';
    var text_properties = '{#text_edit_property#}';
    var table_key = '{$table_key}';
    {literal}
    $().ready(function(){
	$('a.import_properties').each(function(){
	    $(this).unbind('click');
	    $(this).click(function(){
		yes = confirm(text_confirm_import_properties);
		if(!yes) return false;
		$.post('ebayapi_cart.php?action=import_properties',{id: properties_id},
		function(response){
		    $('div.properties').each(function(){
			if( $(this).attr('id') == response){
			    $(this).load('ebayapi_cart.php?action=get_properties',{id: response} );
			}
		    });
		});
	    });
	});
	$('a.delete_properties').each(function(){
	    $(this).unbind('click');
	    $(this).click(function(){
		yes = confirm(text_confirm_delete_properties);
		if(!yes) return false;
		$.post('ebayapi_cart.php?action=delete_properties',{id: properties_id})
		    .done(function(response){
			$('div.properties').each(function(){
			    if( $(this).attr('id') == response){
				$(this).load('ebayapi_cart.php?action=get_properties',{id: response} );
			    }
			});
		    });
	    });
	});
	if(table_key != 'ebay_auctions'){
	    $('div.properties #property div.property_title').each(function(){
		$(this).css('text-decoration', 'underline');
		$(this).css('cursor', 'pointer');
		$(this).attr('title',text_properties);
		$(this).unbind('click');
		$(this).click(function(){
		    var table_key_params = $(this).parent().attr('class').split('properties_');
		    var table_key = table_key_params[1];
		    var ppID = $(this).attr('id');
		    var url = 'ebayapi_cart.php?action=edit_property&table_key='+table_key+'&id='+ppID;
		    $('#modal_window').dialog({title:this.title,modal:true,width: YES_MODAL_WIDTH}).load(url,function(){

		    });
		});
	    });
	}
    });
    {/literal}
</script>


{if $properties.0}
<div id="properties_title" class="properties_{$table_key}">
    {assign var=heading_title value="`$table_key`_properties"}
    {$smarty.config.$heading_title}
    {if $table_key == 'products'}
    <a href="javascript:;" class="import_properties" id="{$id}" title="{#text_import_properties#}"><img src="images/plus.gif" border="0" alt="" /></a>
    {elseif $table_key == 'ebay_products'}
    <a href="javascript:;" class="delete_properties" id="{$id}" title="{#text_delete_properties#}"><img src="images/minus.gif" border="0" alt="" /></a>
    {/if}
</div>

    {foreach from=$properties item=property}
	
<div id="property" class="properties_{$table_key}">
    {assign var=ppID_key value="`$table_key`_properties_id"}
    <div class="property_title" id="{$property.$ppID_key}">{$property.title}:</div>
    
    {foreach from=$property.properties_values item=pv}
    
    <div id="property_value">{$pv.title}{if $pv.price > 0} +{$pv.price|string_format:"%.2f"}{/if}</div>
    
    {/foreach}
    
</div>
    
    {/foreach}
    
    
{/if}






{/if} {* EOF ACTION IF *}