{config_load file=$language_path section="general"}
<script type="text/javascript">
<!--
var JS_ERROR_COPY_XSELL_PID = '{$JS_ERROR_COPY_XSELL_PID}';
var default_submit_text = '{#save#}';
{literal}
function xsell_isInt(value) {
  return !isNaN(value) && (function(x) { return (x | 0) === x; })(parseFloat(value))
}
function delete_info(){
    let del = $('input[name^="delete_xsell_id"]:checked').length;
    $('input[name^="delete_xsell_id"]').each(function(){
        if($(this).prop('checked')){
            $(this).parent().parent().parent().addClass('ui-state-focus');
        }else{
            $(this).parent().parent().parent().removeClass('ui-state-focus');
        }
    });
    if(del > 0){
        $('input[type="submit"]').val(default_submit_text+' ('+del+' werden gelöscht)').addClass('ui-state-error');
    }else{
        $('input[type="submit"]').val(default_submit_text).removeClass('ui-state-error');
    }
}

function xsell_copy_form_check(){
    var user_input = $('form[name="xsell_copy"] input[name="copy_to"]').val();
    if (xsell_isInt(user_input)){
        return true;
    }else{
        alert(JS_ERROR_COPY_XSELL_PID);
    }
    return false;
}
function filter_view(select_box_instance){
	showPreloader();
	select_box_instance.form.submit();
}
$(function(){
   $('input[name="xsell_id[]"]').each(function(){
       $(this).on('change',function(){
	var xsell_id = $(this).val();
	  if($(this).prop('checked') === true) {
	      $('input[name="reverse_cross_selling[]"]').each(function(){
		 if($(this).val() == xsell_id) {
		     $(this).show();
		 }
	      });
              $(this).parent().parent().addClass('ui-state-active');
	  }else{
              $(this).parent().parent().removeClass('ui-state-active');
              $('select[name="sort_order['+xsell_id+']"]').remove();
	      $('input[name="reverse_cross_selling[]"]').each(function(){
		 if($(this).val() == xsell_id) {
		     $(this).hide();
		 }
	      });
	  }
       });
   });
   $('input[name^="delete_xsell_id"]').each(function(){
        $(this).on('change',function(){
            delete_info();
        });
   });
});
{/literal}
//-->
</script>
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_HEADING_TITLE}

<div style="display:block;margin-top: 20px;" class="ui-widget">
{if $view == 'edit'}
    <div style="vertical-align: top;display: inline-block;padding: 4px;" class="ui-widget-content">
        {if $PRODUCT_IMAGE}
            {$PRODUCT_IMAGE}
        <br />
        {/if}
        {if $PRODUCT_MODEL}
        <i>{#products_model#}: {$PRODUCT_MODEL}</i><br />
        {/if}
    </div>
{/if}
    <div style="padding: 4px;display: inline-block; vertical-align: top;" class="ui-widget-content">
        {$FILTER_FORM}
        <fieldset>
                <legend><b>{$TEXT_FILTER}</b></legend>
                <label for="categories_id">{$TEXT_FILTER_FROM_CATEGORY}</label>
                {$FILTER_INPUT_CATEGORIES_ID}
                <br />
                <label for="manufacturers_id">{$TEXT_FILTER_FROM_MANUFACTURER}</label>
                {$FILTER_INPUT_MANUFACTURERS_ID}
                <br />
                <label for="search_string">{$TEXT_FILTER_SEARCH_STRING}</label>
                {$FILTER_INPUT_SEARCH_STRING}
                <a href="javascript:document.forms['filter_xsell_products'].submit();" style="padding:2px;text-decoration:none;" class="ui-button ui-button-text-only ui-widget ui-state-highlight ui-corner-all">&gt;</a>
                <br />
                <i>* {$TEXT_FILTER_SEARCH_STRING_INTRO}</i>
        </fieldset>
        {$FORM_END}
    </div>
</div>

<div class="ui-widget-content" style="width:100%;">

{if $view == 'list'}

<table class="yes-ui-table">
<thead>
<tr class="ui-widget-header">
	<th>{#products_id#}</th>
	<th>{#products_model#}</th>
	<th>{#manufacturer#}</th>
	<th>{#product#}</th>
	<th>{$TEXT_CROSS_SELLING}</th>
	<th colspan="2" align="center">&nbsp;</th>
</tr>
</thead>
<tfoot>
<tr>
	<th colspan="7" align="center">{$split_count}</th>
</tr>
</tfoot>
<tbody>

{foreach from=$products item=product}

<tr>
	<td>{$product.products_id}</td>
	<td>{$product.products_model}</td>
	<td>{$product.manufacturers_name}</td>
	<td>{$product.products_name}</td>
	<td>
		{foreach from=$product.related_items item=related key=nr}
		{$nr+1}. {#products_id#} {$related.xsell_id}&nbsp;{if $related.products_model}<i>{$related.products_model}</i>&nbsp;{/if}{$related.products_name}<br />
		{foreachelse}
		--
		{/foreach}
	</td>
	<td class="smallText" nowrap="nowrap">
		<a href="{$product.edit_link}" style="padding:2px;text-decoration:none;" class="ui-button ui-button-text-only ui-widget ui-state-highlight ui-corner-all">{#edit#}</a>
                {if $product.related_items.0}
                <a href="javascript:;" id="xsell_products.php?action=copy&products_id={$product.products_id}" class="lbOn_nostyle ui-button ui-button-text-only ui-widget ui-state-highlight ui-corner-all" style="padding:2px;text-decoration:none;" title="{$TEXT_COPY_XSELL_BUTTON_ALT}">{$TEXT_COPY_XSELL_BUTTON}</a>
                {/if}
	</td>
</tr>

{/foreach}

</tbody>
</table>
<table border="0" cellspacing="1" cellpadding="2" class="yesListTable" width="100%">
<tfoot>
<tr>
	<td class="smallText" align="center">{$split_links}</td>
</tr>
</tfoot>
</table>


{else if $view == 'edit'} {* END IF view == list *}

	{$EDIT_FORM}
	<input type="hidden" name="categories_id" value="{$CATEGORIES_ID}" />
	<input type="hidden" name="manufacturers_id" value="{$MANUFACTURERS_ID}" />
	<input type="hidden" name="add_related_product_ID" value="{$PRODUCT_ID}" />
	<table border="0" class="yesListTable" width="100%">
	<caption>{$TEXT_SEARCH_RESULTS}</caption>
	<thead>
	<tr>
		<th colspan="7" align="center"><input type="submit" name="Submit" value="{#save#}"  class="ui-button ui-corner-all ui-state-default" /></th>
	</tr>
	<tr>
		<th>{#products_id#}</th>
		<th>{#products_model#}</th>
		<th>{#manufacturer#}</th>
		<th>{$TEXT_CROSS_SELLING}</th>
		<th title="{$TEXT_REVERSE_CROSS_SELLING_INTRO}">{$TEXT_REVERSE_CROSS_SELLING}</th>
		<th>{$TEXT_SORT_ORDER}</th>
		<th>{#product#}</th>
	</tr>
	</thead>
	<tfoot>
	<tr>
		<th colspan="7" align="center"><input type="submit" name="Submit" value="{#save#}" class="ui-button ui-corner-all ui-state-default" /></th>
	</tr>
	<tr>
		<th colspan="7" align="center">{$split_count}</th>
	</tr>
	</tfoot>
	<tbody>

	{foreach from=$products_in_xsell item=product}
	<tr class="highlight">
		<td>{$product.xsell_id}</td>
		<td>{$product.products_model}</td>
		<td>{$product.manufacturers_name}</td>
		<td align="center">
			<div title="{#delete#}" style="background-color:red; color: white;width:25px;text-align:center;border: 2px dashed red;"><input name="delete_xsell_id[]" type="checkbox" value="{$product.xsell_id}"/></div>
		</td>
		<td align="center">
			<input name="reverse_cross_selling[]" type="checkbox" value="{$product.xsell_id}" {if $product.reverse_cross_selling == 1} checked="checked"{/if} />
		</td>
		<td>{$product.input_sort_order}</td>
		<td>
			<span class="ui-icon ui-icon-info" style="width:15px;float:left;" title="{$TEXT_PRODUCT_IN_XSELL}"></span>
			{$product.products_name}
		</td>
	</tr>
	{/foreach}

	{foreach from=$products item=product}

	<tr>
		<td>{$product.xsell_id}</td>
		<td>{$product.products_model}</td>
		<td>{$product.manufacturers_name}</td>
		<td align="center">
			<input name="xsell_id[]" type="checkbox" value="{$product.xsell_id}" />
		</td>
		<td align="center">
			<input name="reverse_cross_selling[]" type="checkbox" value="{$product.xsell_id}" style="display: none;"/>
		</td>
		<td>&nbsp;</td>
		<td>
			{$product.products_name}
		</td>
	</tr>

	{/foreach}
	
	</tbody>
	</table>
	{$FORM_END}
	
	<table border="0" cellspacing="1" cellpadding="2" class="yesListTable" width="100%">
	<tfoot>
	<tr>
		<td class="smallText" align="center">{$split_links}</td>
	</tr>
	</tfoot>
	</table>


	
{/if}

</div>

<div style="display: block;" id="defsortorddiv">
<select class="defsortord" name="xx">
    <option value="0">0</option>
</select>
</div>