{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}
{yes_admin_page_menu main_title=$MASTER_SLAVE_HEADING buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_HEADING_TITLE}
<br clear="all" />

<script type="text/javascript">
<!--
var ADD_DEFAULT_PRODUCTS_MASTER_KEY_LINK = '{$ADD_DEFAULT_PRODUCTS_MASTER_KEY_LINK}';
var ADD_VALUE_TO_DEFAULT_PRODUCTS_MASTER_KEY_LINK = '{$ADD_VALUE_TO_DEFAULT_PRODUCTS_MASTER_KEY_LINK}';
var BASEURL = '{$BASEURL}';
var JS_ERROR_PMK_NOTHING_TO_SAVE = '{$JS_ERROR_PMK_NOTHING_TO_SAVE}';
var JS_PMK_PROMPT_TITLE = '{$JS_PMK_PROMPT_TITLE}';
var TEXT_PMK_NEW_SLAVE_VALUE = '{$TEXT_PMK_NEW_SLAVE_VALUE}';
var TEXT_REALLY_DELETE_MASTER = '{$TEXT_REALLY_DELETE_MASTER}';
{literal}
$().ready(function(){
    
    $('a.delete_master_link').click(function(){
	yes = confirm(TEXT_REALLY_DELETE_MASTER);
	if(yes){
	    window.location.href = BASEURL + '&ms_action=delete_master_allocation';
	}
    });
	$('a#pid_directinput').click(function(){
		var products_id = prompt('pID');
		if( parseInt(products_id) > 0 ){
				$('#master_psearch').dialog('close');
				$('#slave_products_id').val(products_id);
		}
	});
	$('input#add_default_products_master_key').click(function(){
		ok = false;
		for(i=0; i < document.forms['key_value_form'].length;i++){
			var n = document.forms['key_value_form'][i].name;
			if(n.match(/key_value/) == 'key_value'){
				ok = true;
			}
		}
		if(!ok){
			alert(JS_ERROR_PMK_NOTHING_TO_SAVE);
			return false;
		}
		description = prompt(JS_PMK_PROMPT_TITLE);
		if(description !== null && description != ''){
			showPreloader();
			url = ADD_DEFAULT_PRODUCTS_MASTER_KEY_LINK+'&'+$('form#key_value_form').serialize()+'&description='+encodeURI(description);
			$('#modal_window').dialog({title: this.title,width:500,modal:true}).load(url,function(response){
				if(response == '1'){
					$('#add_default_products_master_key').attr('disabled',true);
					$('#modal_window').dialog('close');
				}else{
					alert(response);
				}
				hidePreloader();
			});
		}
	});
	$('a.remove_dk').each(function(){
	    $(this).click(function(){
		var _dpmID = $(this).attr('id');
		$('table#slaves_overview tbody tr td.key_td select').each(function(){
		    if($(this).attr('id') == _dpmID){
			$(this).parent().remove();
		    }
		});
	    
	    });
	})
});
function use_default_key(el){
	if(parseInt(el.value) > 0){
		window.location.href=BASEURL+'&dpmkID='+el.value;
	}
}
function check_default_key_input(el){
	if(el.value == '_new_'){
		url = ADD_VALUE_TO_DEFAULT_PRODUCTS_MASTER_KEY_LINK+'&params='+el.name;
		showPreloader();
		$('#modal_window').data("opener",el).dialog({title: TEXT_PMK_NEW_SLAVE_VALUE,width:500,modal:true}).load(url,function(response){
			hidePreloader();
		});
	}
}
{/literal}
//-->
</script>
<style type="text/css">
	{literal}
	div#contentarea {
		width:1000px;
		padding:4px;
	}
	{/literal}
</style>
<div class="main" id="contentarea">
	<div id="master_psearch" style="display:none;">
		<form name="master_search_form" action="http://localhost/yes/admin/categories.php" method="get" onsubmit="return false">
			<img src="images/icons/help.gif" style="border:0px" alt="{$TEXT_PMK_SEARCH_INTRO}" title="{$TEXT_PMK_SEARCH_INTRO}" />&nbsp;{$TEXT_PMK_PRODUCTS_SEARCH}<br />
				<div id="master_psearch_error" style="display:none;color:#FF0000;font-size:10px;font-style:italic;"></div>
				<input type="text" name="search" class="quickinput" maxlength="40" id="master_psearch_suggest_field" />
				<img style="display:none;height:15px;padding-left:4px;" id="ui-autocomplete-loading" src="images/loading.gif" border="0" />
				<img id="master_psearch_loading" style="display:none;" src="images/loading.gif" alt="Loading..." title="Loading ..." /><p class="smallText">
				<input type="radio" name="searchMode"  checked />&nbsp;
				{$TEXT_PMK_SEARCHMODE1}<input type="radio" name="searchMode"  value="EAN" />&nbsp;{$TEXT_PMK_SEARCHMODE2}&nbsp;&nbsp;	<a href="javascript:;" id="pid_directinput"><u>{$TEXT_PMK_SEARCHMODE3}</u></a></p>
		</form>
	</div>

{if $IS_MASTER || $IS_SLAVE}
<script type="text/javascript">
	var confirm_text = '{$JS_CONFIRM_DELETE_SLAVE_ALLOCATION}';
	var confirm_master_text = '{$JS_CONFIRM_DELETE_MASTER_ALLOCATION}';
	var add_new_key_description = '{$JS_PROMPT_ADD_NEW_MASTER_KEY_DESCRIPTION}';
	var master_id = '{$MASTER_ID}';
	var JS_CONFIRM_MASTER_SLAVE_DELETE_KEY ='{$JS_CONFIRM_MASTER_SLAVE_DELETE_KEY}';
	var DELETE_KEY_BASE_LINK = '{$DELETE_KEY_BASE_LINK}';
	var MASTER_SLAVE_MSG_ERROR_SLAVE_INPUT_INVALID = '{$MASTER_SLAVE_MSG_ERROR_SLAVE_INPUT_INVALID}';
	{literal}
	$().ready(function(){
		$('a.delete_slave_allocation').click(function(){
			yes = confirm(confirm_text);
			if(yes){
				window.location.href=$(this).attr('id');
			}
		});
		$('a.delete_master_allocation').click(function(){
			yes = confirm(confirm_master_text);
			if(yes){
				window.location.href=$(this).attr('id');
			}
		});
		$('a#master_key_add').click(function(){
			new_key = prompt(add_new_key_description);
			url = 'categories.php?action=add_master_key&products_master='+master_id+'&key='+new_key;
			$.ajax({
				url: url,
				dataType: 'json',
				data: '',
				success: function(json){
					if(typeof json.ERROR != 'undefined'){
						alert('FEHLER: '+json.MSG);
					}else{
						alert(json.MSG);
					}
				}
			});
		});
		$('#add_to_master').click(function(){
			var products_id = $('#slave_products_id').val();
			var pIDint = parseInt(products_id);
			if(isNaN(pIDint) || pIDint < 1){
			    alert(MASTER_SLAVE_MSG_ERROR_SLAVE_INPUT_INVALID);
			    return false;
			}
                        var new_sort = $('table#slaves_overview tbody tr').length;
			var url = 'categories.php?action=master_slave&ms_action=add_slave_to_master&products_master='+master_id+'&products_id='+products_id+'&sorting='+new_sort;
			window.location.href = url;
		});
		$('a.delete_key').each(function(){
			$( this ).bind (
				"click",
				function(){
					yes = confirm(JS_CONFIRM_MASTER_SLAVE_DELETE_KEY);
					if(yes){
						window.location.href=DELETE_KEY_BASE_LINK+'&pmkID='+$(this).attr('id');
					}
				}
			);
		});
		var slave_search_dialog = false;
		$('#slave_products_id').click(function() {
			$('#master_psearch_suggest_field').val('');
			$('#master_psearch').dialog({title:this.title,modal:true,width:450,open: function(event, ui){
				$('#master_psearch_suggest_field').focus();
				
			    $('#master_psearch_suggest_field').autocomplete({
			       minLength: 2,
			       source: function(request, response) {
						$.ajax({
						    url: 'categories.php',
						    dataType: 'json',
						    data: {
							query: $('#master_psearch_suggest_field').val(),
							search_ean: function(){

							dom = document.forms['master_search_form'];
							for(ia=0;ia<dom.elements['searchMode'].length;ia++){
								if(dom.elements['searchMode'][ia].checked){
								if(dom.elements['searchMode'][ia].value == 'EAN'){
									return 1;
								}
								}
							}
							return 0;
							}
						    },
						    success:
							function (data) {
							   $('input#master_psearch_suggest_field').removeClass('ui-autocomplete-loading');
							    response($.map(data, function (item) {
								return {
								    label: item.label,
								    value: item.value
								}
							    }));
							}                    
						});
				},
				search: function(event,ui){
				    $('div#quickct img#ui-autocomplete-loading').show();
				},
				open: function(event,ui){
				    $('div#quickct img#ui-autocomplete-loading').hide();
				},
				select: function(event,ui){
				    pID = ''+ui.item.value;
				    $('#slave_products_id').val(pID);
				    $('#master_psearch').dialog('close');
				}
			    }).data( 'ui-autocomplete' )._renderItem = function( ul, item ) {
				  return $( "<li>" )
				    .append( "<a>"  +  item.label + "</a>" )
				    .appendTo( ul );
			    };
				
				
			}});
		});
    $('table#slaves_overview tbody').sortable({
        cancel: '.parent_row',
        stop: function(event,ui){
            var item_ui = ui;
            var item = item_ui.item;
            var position = item.index();
            var data = '&sortings=';
            $('table#slaves_overview tbody tr').each(function(i, el){
                var p = $(this).data('products_id');
                data += p+":"+$(el).index()+",";
            });
            data = data.substr(0,data.length-1);
            $.ajax({
                url: 'categories.php?action=update_slave_sortings'+data,
                dataType: 'json',
                success: function(json){
                    if(json.MSG != ''){
                        alert(json.MSG);
                    }
                    $('table#slaves_overview').fadeOut(200).fadeIn(200);
                },
                error:function(xhr){
                    alert('Cant save child sorting');
                }
            });
        }
    });
    $('table#slaves_overview tbody').disableSelection();
		
});
{/literal}
</script>
{if $slaves.0}
<p class="helptable">{$PARENT_CHILD_SORTING_INTRO}</p>
{/if}
<form id="key_value_form" name="key_value_form" action="{$KEY_VALUE_FORM_ACTION}" method="post">
        <table id="slaves_overview" border="0" width="100%" class="yesListTable">
	<thead>
		<tr>
			<th>&nbsp;</th>
			<th>pID</th>
			<th>&nbsp;</th>
			<th>{#products#}</th>
		</tr>
	{foreach from=$slaves item=slave}
            {if $slave.master == 1}
		<tr>
                    <td width="20">
                        <a title="{#products_master_delete#}" href="javascript:;" id="{$products_master_delete_link}" class="lbOn"><img src="images/minus.gif" border="0" /></a>
                    </td>
                    <td width="20">
                            <a href="products.php?action=ajax_view&pID={$slave.products_id}" rel="products.php?action=ajax_view&pID={$slave.products_id}" title="Info pID {$slave.products_id}" class="yes_dynamic_tooltip">{$slave.products_id}</a>
                    </td>
                    <td width="20">
                            {if $slave.image != ''}
                            <img src="../images/product_images/thumbnail_images/{$slave.image}" border="0" style="max-width:60px;max-height:80px;"/>
                            {else}
                            &nbsp;
                            {/if}
                    </td>
			<td class="key_td">
				<img src="images/master.gif" align="left" />&nbsp;
				<span style="font-variant:small-caps;font-size:14px;">{$slave.products_name}</span><br />
				{if $default_keys}
					{foreach from=$default_keys item=dk key=slave_products_id}
						{if $slave_products_id == $slave.products_id}
							{foreach from=$dk item=values key=lang_id}
								{foreach from=$values item=value}
								<div id="key_div">
								{$value.key_title} ({$value.language_name}): {$value.input}
								<a class="remove_dk" id="{$value.unique_id}" href="javascript:;"><img src="images/minus.gif" border="0" /></a>
								</div>
								{/foreach}
							{/foreach}
						{/if}
					{/foreach}
				{else}
					{foreach from=$slave.key_values item=product key=products_master_keys_id}
						{foreach from=$product key=products_id item=lang}
							{foreach from=$lang item=key_value key=language_id}
								{$key_value.key_title} ({$key_value.language_name}) <input type="text" name="key_value[{$products_master_keys_id}][{$products_id}][{$language_id}]" value="{$key_value.value.title}" />
								<a href="javascript:;" id="{$products_master_keys_id}" class="delete_key"><img src="images/minus.gif" border="0" alt="{$TEXT_PMK_EIGENSCHAFT} {#delete#}" title="{$TEXT_PMK_EIGENSCHAFT} {#delete#}" /></a>
								<br />
							{/foreach}
						{/foreach}										
					{/foreach}
				{/if}
			</td>
		</tr>
            {/if}
	{/foreach}
	</thead>
	<tfoot>
		<tr>
			<th scope="row" colspan="4">
				<input type="submit" class="ui-button ui-corner-all ui-state-default" value="{#save#}" />
				<input type="button" class="ui-button ui-corner-all ui-state-default" value="{#add_default_products_master_key#}" id="add_default_products_master_key" />
			</th>
		</tr>
		{if $INPUT_DEFAULT_KEYS}
		<tr>
			<th scope="row" colspan="4">
				{$TEXT_PMK_USE_DEFAULT_SET}
				{$INPUT_DEFAULT_KEYS}
				<a href="javascript:;" class="lbOn" title="{$TEXT_PMK_EDIT_DEFAULT_KEYS}" id="{$LINK_DEFAULT_KEYS_EDIT}"><img src="images/icons/icon_edit.gif" border="0" alt="" /></a>
			</th>
		</tr>
		{/if}
	</tfoot>
	<tbody>
	{foreach from=$slaves item=slave}
            {if $slave.master != 1}
		<tr data-products_id="{$slave.products_id}">
                    <td width="20">
                        <a href="javascript:;" id="{$slave.DELETE_SLAVE_ALLOCATION_LINK}" class="delete_slave_allocation"><img src="images/minus.gif" border="0" alt="Child Zuweisung {#delete#}" title="Child Zuweisung {#delete#}" /></a>
                    </td>
                    <td width="20">
                        <a href="products.php?action=ajax_view&pID={$slave.products_id}" rel="products.php?action=ajax_view&pID={$slave.products_id}" title="Info pID {$slave.products_id}" class="yes_dynamic_tooltip">{$slave.products_id}</a>
                    </td>
                    <td width="20">
                            {if $slave.image != ''}
                            <img src="../images/product_images/thumbnail_images/{$slave.image}" border="0" style="max-width:60px;max-height:80px;"/>
                            {else}
                            &nbsp;
                            {/if}
                    </td>
                    <td class="key_td">
                            <span style="font-variant:small-caps;font-size:14px;">{$slave.products_name}</span><br />
                            {if $default_keys}
                                    {foreach from=$default_keys item=dk key=slave_products_id}
                                            {if $slave_products_id == $slave.products_id}
                                                    {foreach from=$dk item=values key=lang_id}
                                                            {foreach from=$values item=value}
                                                            <div id="key_div">
                                                            {$value.key_title} ({$value.language_name}): {$value.input}
                                                            <a class="remove_dk" id="{$value.unique_id}" href="javascript:;"><img src="images/minus.gif" border="0" /></a>
                                                            </div>
                                                            {/foreach}
                                                    {/foreach}
                                            {/if}
                                    {/foreach}
                            {else}
                                    {foreach from=$slave.key_values item=product key=products_master_keys_id}
                                            {foreach from=$product key=products_id item=lang}
                                                    {foreach from=$lang item=key_value key=language_id}
                                                            {$key_value.key_title} ({$key_value.language_name}) <input type="text" name="key_value[{$products_master_keys_id}][{$products_id}][{$language_id}]" value="{$key_value.value.title}" />
                                                            <a href="javascript:;" id="{$products_master_keys_id}" class="delete_key"><img src="images/minus.gif" border="0" alt="{$TEXT_PMK_EIGENSCHAFT} {#delete#}" title="{$TEXT_PMK_EIGENSCHAFT} {#delete#}" /></a>
                                                            <br />
                                                    {/foreach}
                                            {/foreach}										
                                    {/foreach}
                            {/if}
                    </td>
		</tr>
            {/if}
	{/foreach}
	</tbody>
</table>
</form>
{$MASTER_SLAVE_ADD_ANOTHER_SLAVE}&nbsp;
<input type="text" name="slave_products_id" id="slave_products_id" value="" size="5" maxlength="6" title="{$MASTER_SLAVE_ADD_ANOTHER_SLAVE}" /><input type="button" value="{#save#}" class="ui-button ui-corner-all ui-state-default" id="add_to_master" />
<br /><br />
<div id="master_keys_add">
	<form id="add_master_key_form" name="add_master_key_form" action="{$ADD_MASTER_KEY_FORM}" method="post">
		<input type="hidden" name="products_master" value="{$MASTER_ID}" />
		<legend>{$MASTER_SLAVE_ADD_KEY}</legend>
		<fieldset>
			{foreach from=$add_key_elements item=el}
			{$el.name} {$el.input}<br />
			{/foreach}
			{$TEXT_PMK_SORT_ORDER}: <input type="text" name="sort_order" value="0" size="5" maxlength="3" /><br />
			<input type="submit" value="{#save#}" class="ui-button ui-corner-all ui-state-default" />
		</fieldset>
	</form>
</div>

{else}

<script type="text/javascript">
	var products_id = '{$products_id}';
	{literal}
	$().ready(function(){
		$('#add_to_master').click(function(){
			var master_pid = $('input#products_master').val();
                        if(parseInt(master_pid) < 1){
                            alert('Parent allocation error. Please reload page');
                            return false;
                        }
			var url = 'categories.php?action=master_slave&ms_action=add_to_master&products_master='+master_pid+'&products_id='+products_id;
			window.location.href=url;
		});
	});
	{/literal}
</script>

<p><b>{$MASTER_SLAVE_ADD_PRODUCT}</b></p>
<span style="font-variant:small-caps;font-size:14px;">{$PRODUCTS_NAME}</span> - pID {$products_id}
{if $DELETE_MASTER_ID > 0}&nbsp;<a href="javascript:;" class="delete_master_link" id="{$DELETE_MASTER_ID}" title="{#delete#}"><img src="images/minus.gif" border="0" alt="{#delete#}" /></a>{/if}
<br />
<p><i>{$MASTER_SLAVE_ADD_PRODUCT_INTRO}</i></p>
<input type="text" name="products_master" id="products_master" value="" style="padding:5px;margin:5px; font-size: 16px;" />
<input type="button" value="{#save#}" class="ui-button ui-corner-all ui-state-default" id="add_to_master" />
{/if}
</div>