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

<style type="text/css">
    {literal}
    img.tn_image{
	max-width: 200px;
	max-height: 250px;
    }
    input.has_value,select.has_value{
	background-color: #8ecb8b;
    }
    {/literal}
</style>
<script type="text/javascript">
    {literal}
    $().ready(function(){
	$('input[name^="ctext"], select[name^="cset"]').each(function(){
	    $(this).css('width','80%');
	   if($(this).val() != ''){
	       $(this).addClass('has_value');
	   }
	   $(this).change(function(){
	    if($(this).val() != ''){
		if(!$(this).hasClass('has_value'))
		    $(this).addClass('has_value');
	    }else{
		if($(this).hasClass('has_value'))
		    $(this).removeClass('has_value');
	    }
	   });
	});
    });
    {/literal}
</script>
<table border=0 cellspacing="0" width="100%" cellpadding="4">
<tr class="dataTableHeadingRow">
	<td class="dataTableHeadingContent" colspan="2">
		<table border=0 cellspacing="0" width="100%">
		<tr>
			<td class="main"><b>{$HEADING_TITLE}</b></td>
			<td class="main" align="right"><a href="javascript:window.close();" title="{#close_window#}"><img src="images/cal_close_small.gif" border="0" title="{#close_window#}"/></a></td>
		</tr>
		</table>
	</td>
</tr><tr>
	<td class="main" colspan="2">
		<p><b>{$INTRO}</b></p>
{if $STEP != 3}
		{$FORM}{$INPUT_STEP}
		<table border="0" width="100%">
		<tr class="dataTableHeadingRow">
			<td class="dataTableHeadingContent">{#product#}</td>
			<td class="dataTableHeadingContent">{#product_group#}</td>
		</tr>
{/if}
		{foreach from=$products item=product}
		<tr>
			<td class="main" valign="top" style="border-bottom:2px dashed #000;">
			    <div style="float: left;">{products_id_image id=$product.id}</div>
			    <div style="height: 72px; vertical-align: middle;">
				{if $product.name != ''}{$product.name}{else}<font color="#FF0000">{#empty#}</font>{/if}
				{if $product.model}<br /><i>{#products_model#}: {$product.model}</i>{/if}
			    </div>
			    {if $product.image != ''}
			    <img src="{$product.image}" class="tn_image" />
			    {/if}
			</td>
			<td class="main" valign="top" style="border-bottom:2px dashed #000;">

				<table border="0" cellspacing="0">
{if $STEP == 1}

				{assign var=group_counter value="0"}
				{foreach from=$groups_array item=group}
					{if $group_counter == 0 or $group_counter%4 == 0}
					<tr>
					{/if}
					<td class="main">
						{assign var=checkbox_checked value=""}
						{foreach from=$product.groups_allocations item=pallocation}
							{foreach from=$pallocation item=groups_id}
								{if $groups_id == $group.id}
									{assign var=checkbox_checked value="checked"}
								{/if}
							{/foreach}
						{/foreach}
						<input type="checkbox" name="group[{$product.id}][]" value="{$group.id}" {$checkbox_checked} />
					</td>
					<td class="main">{$group.text}</td>
					{if $group_counter%4 == 3 or $group_counter == ($groups_array_size-1)}
					</tr>
					{/if}
					{assign var=group_counter value=$group_counter+1}
				{/foreach}

{else if $STEP == 2}
				<table border="0" cellspacing="0" cellpadding="4" width="400">

	{foreach from=$product.groups_allocations item=pallocation}
    {* START - DURCHLAUFE PRODUKTE *}

		{assign var=char_counter value=0}

				<tr>
					<td class="main">
                                                <div style="font-size: 1.5em;">&raquo;{$pallocation.C.0.groups_name}&laquo;</div>
						<table border="0" cellspacing="0" width="100%" class="formArea">
						<tr>
							<td class="main">
								<span style="font-size:14px;font-weight:bold;">{$pallocation.text}</span>

							</td>
						</tr>

			{foreach from=$pallocation.C item=char}
				{if $char.set == 1}
						<tr>
							<td class="main" colspan="2">
								Merkmal {$char.text}<br />
								{$char.input}
							</td>
						</tr>
				{else}
						<tr>
							<td class="main" colspan="2">
								<hr noshade="noshade" />
								{foreach from=$char.lang item=SET key=lang}
									Merkmal {$SET.text}<br />
									{$SET.input}<br />
								{/foreach}
								<hr noshade="noshade" />
							</td>
						</tr>
				{/if}
			{/foreach}

			{* ENDE - DURCHLAUFE CHARACTERISTICS DER GRUPPE *}
			
						</table>
						
	{/foreach}
    {* ENDE - DURCHLAUFE PRODUKTE *}

{/if}
				</table>
			</td>
		</tr>
		{/foreach}
		{if $STEP != 3}
		<tr>
			<td colspan="4"><input type="submit" value="{#save#}" class="ui-button ui-corner-all ui-state-default" /></td>
		</tr>
		{/if}
		</table>
		{$FORM_END}
	</td>
</tr>
</table>