<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:variable name="Space"><xsl:text>&amp;nbsp;</xsl:text></xsl:variable>
<xsl:output method="html"/>

<xsl:template match="/">
	<html>
		<head>
			<link rel="STYLESHEET" href="css/main.css" type="text/css"/>
			<script type="text/javascript">
				function tabE(obj, e) 
				{
					var e = (typeof event != 'undefined') ? window.event : e; // IE : Moz 
					if (e.keyCode == 13) 
					{
						var ele = document.forms[0].elements;
						for (var i = 0; i &lt; ele.length; i++) 
						{
							var q = (i == ele.length - 1) ? 0 : i + 1; // if last element : if any other 
							if (obj == ele[i]) 
							{
								ele[q].focus();
								break
							}
						}
						return false;
					}
				}

			</script>
		</head>
		<body>
			<xsl:apply-templates select="main_page"/>		
		</body>
	</html>
        
        
</xsl:template>


<!-- ======================================================================= -->

	<xsl:template match="main_page">
		<xsl:value-of select="@query_result"/>
		<xsl:apply-templates select="*[starts-with(name(), '_')]"/>		
	</xsl:template>

	<xsl:template match="_item_mng">
		<div class="header_title">Item Maintenance</div>
		<p/>
		<form name="item_form" method="post" action="{@item_form_url}">
			<div class="group_label">Item Detail</div>
			<table class="items">
				<tr>
					<td class="input_label">Name</td>
					<td colspan="2"><input type="text" name="item_name" id="item_name" onkeypress="return tabE(this,event)" tabindex="1" value="{@item_name}" required="y"/></td>
					<td></td>
					<td class="input_label">Moveable</td>
					<td>
						<select  class="small" name="item_movable" id="item_name" onkeypress="return tabE(this,event)" tabindex="2">
							<option value="none">-- Select --</option>
							<xsl:apply-templates select="movable"/>
						</select>
					</td>
				</tr>
				<tr>
					<td class="input_label">Description</td>
					<td colspan="3"><input type="text" name="item_description" id="item_description" onkeypress="return tabE(this,event)" tabindex="3" value="{@item_description}"/></td>
					<td class="input_label">Source</td>
					<td><input type="text" name="item_source" id="item_source" onkeypress="return tabE(this,event)" tabindex="4" value="{@item_source}"/></td>
					
				</tr>
				<tr>
					<td class="input_label">Type</td>
					<td>
						<select name="item_type" id="item_type" onkeypress="return tabE(this,event)" tabindex="5">
							<option value="none">-- Select --</option>
							<xsl:apply-templates select="item_type"/>
						</select>
					</td>
					<td class="input_label">Date Acquired</td>
					<td><input type="date" name="item_date_acquired" id="item_date_acquired" onkeypress="return tabE(this,event)" tabindex="6" value="{@item_date_acquired}"/></td>
					<td class="input_label">Last Update</td>
					<td><input type="datetime-local" name="item_last_update" id="item_last_update" onkeypress="return tabE(this,event)" tabindex="99" value="{@item_last_update}" readonly="1"/></td>
				</tr>
				<tr>
					<td class="input_label">Quantity</td>
					<td><input class="small_number" type="number" name="item_qty" id="item_qty" onkeypress="return tabE(this,event)" tabindex="7" value="{@item_qty}"/></td>
					<td class="input_label">Cost ea [<xsl:value-of select="@item_currency"/>]</td>
					<td><input type="number" name="item_cost" id="item_cost" min="0.00" step="0.01" onkeypress="return tabE(this,event)" tabindex="8" value="{@item_cost}"/></td>
					<td class="input_label">Maintenance Freq</td>
					<td>
						<input type="text" class="small_number" name="item_freq" id="item_freq" onkeypress="return tabE(this,event)" tabindex="9" value="{@item_freq}"/>
						<select  class="small" name="item_freq_unit" id="item_freq_unit" onkeypress="return tabE(this,event)" tabindex="10">
							<option value="none">-- Select --</option>
							<xsl:apply-templates select="freq"/>
						</select>
					</td>
				</tr>
			
			</table>
			<div class="group_label">Notes</div>
			<table class="items">
				<tr>
					<td class="input_label">Notes</td>
					<td><textarea rows="3" cols="170" name="item_notes" id="item_notes" onkeypress="return tabE(this,event)" tabindex="11"><xsl:value-of select="@item_notes"/></textarea></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</table>
			<div class="group_label">Identification No(s)</div>
			<table class="items">
				<tr>
					<td class="input_label">Serial No</td>
					<td><input type="text" name="item_serial" id="item_serial" onkeypress="return tabE(this,event)" tabindex="13" value="{@item_serial}"/></td>
					<td  class="input_label">Asset No</td>
					<td><input type="text" name="item_asset" id="item_asset" onkeypress="return tabE(this,event)" tabindex="13" value="{@item_asset}"/></td>
					<td  class="input_label">Unique ID No</td>
					<td><input type="text" name="item_uid" id="item_uid" onkeypress="return tabE(this,event)" tabindex="13" value="{@item_uid}"/></td>
				</tr>
			</table>
			<div class="group_label">Custom Field(s)</div>
			<table class="items">
				<xsl:apply-templates select="extra_field"/>
				<tr>
					<td></td>
					<td class="group_label">Contact us to setup custom fields for your unique requirements</td>
				</tr>
			</table>
			
			<table>
				<tr>
					<td>
						<input type="hidden" name="hc_id" value="{@hc_id}"/>
						<input type="hidden" name="rl_id" value="{@rl_id}"/>
						<input type="hidden" name="item_id" value="{@item_id}"/>
					</td>
					<td>
						<button type="submit" name="action" value="save" tabindex="20">Save</button>
						<xsl:if test="@show_delete = 'Y'"><button class="delete_button" type="submit" name="action" value="delete" tabindex="21">Delete</button></xsl:if>
						<a href="{@item_back_url}" class="back_button">Back</a>
					</td>
				</tr>
			
			</table>
			
		</form>

		<div class="group_label">Documents</div><a class="new_url" href="{@new_doc_url}"><xsl:value-of select="@new_doc_text"/></a>
		<br/><xsl:value-of select="@new_doc_message"/><br/>
		<table>
			<xsl:apply-templates select="documents"/>
		</table>
	</xsl:template>

	<xsl:template match="hc">
		<tr>
			<td><a href="{@hc_url}"><xsl:value-of select="@hc_name"/></a></td>
		
		</tr>
	</xsl:template>

	<xsl:template match="movable">
		<option value="{@movable}">
			<xsl:if test="@selected"><xsl:attribute name="selected">selected</xsl:attribute></xsl:if>		
			<xsl:value-of select="@movable"/>
		</option>
	</xsl:template>

	<xsl:template match="freq">
		<option value="{@freq_unit}">
			<xsl:if test="@selected"><xsl:attribute name="selected">selected</xsl:attribute></xsl:if>		
			<xsl:value-of select="@freq_unit"/>
		</option>
	</xsl:template>

	<xsl:template match="item_type">
		<option value="{@item_id}">
			<xsl:if test="@selected"><xsl:attribute name="selected">selected</xsl:attribute></xsl:if>		
			<xsl:value-of select="@item_name"/>
		</option>
	</xsl:template>

	<xsl:template match="extra_field">
		<tr>
			<td class="input_label"><xsl:value-of select="@extra_field_name"/></td>
			<td><input type="text" name="{@extra_field_identifier}" id="{@extra_field_id}" onkeypress="return tabE(this,event)" tabindex="14" value="{@extra_field_data}"/></td>
		</tr>
	</xsl:template>

	<xsl:template match="documents">
		<tr>
			<td class="doc_col">
				<a href="#" onclick="{@doc_url}"><xsl:value-of select="@doc_name"/></a>
			</td>
			<td class="doc_col">			
				<xsl:value-of select="@doc_type"/>
			</td>
			<td class="doc_col">
				<a href="{@doc_del_url}"><img src="images/delete-137-48.png" height="16px" title="Delete"/></a>
			</td>
		</tr>
	</xsl:template>

</xsl:stylesheet>