<?xml version='1.0' encoding='utf-8' ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0" >
<xsl:import href="Style1.xsl" />

<xsl:output method="html"/>



<!-- Template for root rule -->
<xsl:template match="/">

	<h1>Employee information sorted by Name and by Hourly rate.</h1>


	<!-- The first instance of Call-Template involves calling a template used
	     to apply formatting characteristics to our HTML-->
	<xsl:call-template name="style"/>


	<!-- The second template that we call displays the employees in employee name order -->
	<xsl:call-template name="ShowEmployeesByName" />

	<!-- The second template that we call displays the employees in order of Hourly Rate -->
	<xsl:call-template name="ShowEmployeesByRate" />

</xsl:template>


<xsl:template name="ShowEmployeesByName">
	
	<h2>Employees sorted by Name</h2>

	<!-- Table Header Creation -->
	<table border="1">
	<tr>
	<th>Name</th>
	<th>Department</th>
	<th>Hourly Rate</th>
	<th>Primary Language</th>
	</tr>

	
	<xsl:for-each select="employees/employee">
		<xsl:sort order="ascending" select="employeename" />
		<tr>			
			<td><xsl:value-of select="employeename" /></td>
			<td><xsl:value-of select="department" /></td>
			<td><xsl:value-of select="hourlyrate" /></td>
			<td><xsl:value-of select="primarylanguage" /></td>
			

		</tr>
	</xsl:for-each>




	<!-- End of Table -->
	</table>

</xsl:template>




<xsl:template name="ShowEmployeesByRate">
	<h2>Employees sorted by hourly rate</h2>

	<!-- Table Header Creation -->
	<table border="1">
	<tr>
	<th>Name</th>
	<th>Department</th>
	<th>Hourly Rate</th>
	<th>Primary Language</th>
	</tr>

	
	<xsl:for-each select="employees/employee">
			<xsl:sort order="ascending" select="hourlyrate" data-type="number" />
		<tr>			
			<td><xsl:value-of select="employeename" /></td>
			<td><xsl:value-of select="department" /></td>
			<td><xsl:value-of select="hourlyrate" /></td>
			<td><xsl:value-of select="primarylanguage" /></td>	
		</tr>
	</xsl:for-each>




	<!-- End of Table -->
	</table>

</xsl:template>




</xsl:stylesheet>
