<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:template match="/">
		<html>
			<head>
				<title>
					<xsl:value-of select="bike/@manufacturer"/>
					<xsl:text> </xsl:text>
					<xsl:value-of select="bike/@year"/>
					<xsl:text> </xsl:text>
					<xsl:value-of select="bike/model"/>
					<xsl:text> </xsl:text>
					<xsl:value-of select="bike/type"/>
				</title>
			</head>
			<body>
				<h1 class="bike">
					<span class="manufacturer">
						<xsl:value-of select="bike/@manufacturer"/>
					</span>
					<xsl:text> </xsl:text>
					<span class="year">
						<xsl:value-of select="bike/@year"/>
					</span>
					<xsl:text> </xsl:text>
					<span class="model">
						<xsl:value-of select="bike/model"/>
					</span>
					<xsl:text> </xsl:text>
					<span class="type">
						<xsl:value-of select="bike/type"/>
					</span>
				</h1>
				<ul class="components">
					<xsl:for-each select="//parts/*">
						<li class="component">
							<span class="manufacturer">
								<xsl:value-of select="@manufacturer"/>
							</span>
							<xsl:text> </xsl:text>
							<span class="type">
								<xsl:value-of select="text()"/>
							</span>
							<xsl:text> </xsl:text>
							<xsl:value-of select="local-name()"/>
						</li>
					</xsl:for-each>
				</ul>
				<p>
					<xsl:text>Sizes: </xsl:text>
					<xsl:for-each select="//size">
						<span class="size">
							<xsl:value-of select="concat(text(), @unit)"/>
						</span>
						<xsl:if test="not(position() = last())">
							<xsl:text>, </xsl:text>
						</xsl:if>
					</xsl:for-each>
				</p>
				<p>Dealers: </p>
				<ul>
					<xsl:for-each select="//dealer">
						<li class="dealer">
							<span class="name">
								<xsl:value-of select="name"/>
							</span>
							<xsl:text>, </xsl:text>
							<span class="adr">
								<span class="street-address">
									<xsl:value-of select="address"/>
								</span>
								<xsl:text>, </xsl:text>
								<span class="locality">
									<xsl:value-of select="city"/>
								</span>
								<xsl:text>, </xsl:text>
								<span class="region">
									<xsl:value-of select="state"/>
								</span>
								<xsl:text> </xsl:text>
								<span class="postal-code">
									<xsl:value-of select="zip"/>
								</span>
							</span>
							<xsl:text>; </xsl:text>
							<a href="tel:{phone}">
								<xsl:value-of select="phone"/>
							</a>
						</li>
					</xsl:for-each>
				</ul>
			</body>
		</html>
	</xsl:template>
</xsl:stylesheet>