#set ( $product = $storeeditor.getCurrentProduct() )
#set ( $item = $storeeditor.getCurrentItem() )


<table width="100%" class="oedivided-box" cellspacing="0" cellpadding="0">
	<tr>
		<td class="oedivided-box-title" colspan="2"><h1>Inventory Items</h1></td>
	</tr>
<tr>
	<td class="divided-box-white" height="100%" valign="top">
			Items are actual price points for ordering such as small, medium or large shoe sizes.<br>
			Please choose an item below or add an item.
			<form name="listitems" id="listitems" action="$home$apphome/views/modules/product/edit/items/itemeditor.html">
			<input type="hidden" name="id" value="$product.getId()" />
			<font color=red>$!editerror</font><br>
			<select size="4" style="width: 200px;"  name="sku" onchange="document.listitems.submit();" >
				#foreach($itemOption in $product.getInventoryItems() )
					<option value="$!itemOption.sku"
					#if ( $itemOption.sku )
						#if ( $item && $itemOption.sku.equals( $item.sku ) )
							#set ( $selectedItemShown = "true" )
							selected
						#end
					#end
						>$itemOption.sku</option>
				#end
			</select><br>
			<input type="hidden" name="oe-action" value="CatalogEditModule.selectItem" />
			</form>
			<form name="additem" action="$home$apphome/views/modules/product/edit/items/itemeditor.html">
				#set($count = $product.getInventoryItemCount()+1)
				<input type="submit" value="[[Add Item]]" />	
				<input name="newsku" size="6" value="${product.id}-$count" />
				<input type="hidden" name="oe-action" value="CatalogEditModule.createItem" />
		
			</form>
	</td>
</tr>
<tr>
#if (!$item)
	<td class="oedivided-box-blue" >
	</td>
#else
	<td class="oedivided-box-blue" height="100%" valign="top">
		
		<div class="oeblue-list-box">                                               

			<script language="JavaScript">
				function selectItem()
				{
					var form1 = document.getElementById("listitems");
					var wspaction = document.getElementById("oe-action2");
					wspaction.value="CatalogEditModule.selectItem";
					form1.submit();
				}
			
			</script>
			<table cellspacing="10">
				<tr>
					
					
					#if( $item && $selectedItemShown )
						<form name="saveitem">
					<td valign=top>
						<table>
							#set( $hassize = false)
						#foreach ($option in $item.getAllOptions())
						<input type="hidden" name="optionid$option.id" value="$option.id" />
						<tr>
							<td>$option.name</td><td><input name="optionvalue$option.id" value="$!option.value"/>
							#if( $option.id == "size")
								#set( $hassize = true)
							#end
							 </td>
						</tr>
						#end
						#if( !$hassize && $content.isPropertyTrue("forceshowsizeoption") )
						<input type="hidden" name="optionidsize" value="size" />
						<tr>
							<td>[[Size]]</td><td><input name="optionvaluesize" value="$!item.getSize()" /> </td>
						</tr>
						#end	
						 <tr>
							<td>[[Sku ID]]:</td><td> $!item.sku </td>
						 </tr>
						 <tr>
							<td>[[Purchase Price]]:</td><td> <input name="retailprice" value="$!item.getPriceSupport().getRetailPrice().toShortString()" /> </td>
						 </tr>
						 <tr>
							<td>[[Sale Price]]:</td><td> <input name="saleprice" value="$!item.getPriceSupport().getSalePrice().toShortString()" /> </td>
						 </tr>
						 <tr>
							<td>#[[In Stock]]:</td><td> <input name="qinstock" value="$item.getQuantityInStock()" /> </td>
						 </tr>
						 <tr>
							<td>[[Weight]]:</td><td> <input name="weight" value="$!item.weight" /> format: 0.0 </td>
						 </tr>
						 #foreach ($detail in $storeeditor.getItemProperties())
						
						 <tr>
							#set( $value = $item.get($detail.id ) )
						 	<td>${detail.text}:</td><td> <input name='${detail.id}' #if ( $value ) value="$url_util.xmlEscape($value)" #end /> </td>
							#set( $value = "" )
						 </tr>
							 #if ($velocityCount == 6)
							 	</table>
							 	</td>
							 	<td valign=top>
							 	
							 #end	
						 #end
						
								<input type="hidden" name="oe-action" value="CatalogEditModule.saveItem" />
						</form>
					<td>
					</td>
					</tr>
					<tr>
					<td valign=top> 
						<form name="deleteitem">
							<input type="hidden" name="sku" value="$item.sku" />
							<input type="hidden" name="oe-action" value="CatalogEditModule.deleteItem" />
						</form>
						
						<table cellpadding="5" cellspacing="5" border="0">
			<tr>
				<td>
					<div class="oesubmit-button">
						<a href="javascript:document.saveitem.submit();" name="Save" class="btn btn-primary">[[Save Edits]]</a>
					</div>
				</td>
				<td>
					<div class="oesubmit-button">
						<a href="javascript:document.deleteitem.submit();" name="Delete" class="btn btn-primary">[[Delete Item]]</a>
					</div>
				</td>
			</tr>
		</table>
						
						
					
					</td>
					#end
				
			</table>
		</div>
	</td>
#end
</tr>
</table>