﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">
		<xsl:variable name="HostName" select="normalize-space(AjaxRequest/HostName)"></xsl:variable>
		<xsl:variable name="TemplateURL" select="normalize-space(AjaxRequest/TemplateURL)"></xsl:variable>
		<xsl:variable name="IsAuthenticated" select="normalize-space(AjaxRequest/IsAuthenticated)"></xsl:variable>
		<xsl:variable name="BrandID" select="normalize-space(AjaxRequest/Params/BrandID)"></xsl:variable>
	
		<xsl:choose>
			<xsl:when test="$IsAuthenticated  = 'False'">
				<div class="labelError TournamentClubBackground">
					<span style="padding:5px;">You are not authorized to view this page.</span>
				</div>
			</xsl:when>
			<xsl:otherwise>
				<table class="tableMaster" cellpadding="0" cellspacing="0">
					<tr>
						<td>
							<div class="paddingLeft10 TournamentShareHeader" align="left" style="background-color:#47B5E7;line-height:25px;">
								PARTY PONG CLUB MEMBERSHIP CARD
							</div>
						</td>
						<td width="5px">
							&#xa0;
						</td>
						<td width="50%">
							<div class="paddingLeft10 TournamentShareHeader" align="left" style="background-color:#47B5E7;line-height:25px;">
								ADDRESS FORM
							</div>
						</td>
					</tr>
					<tr>
						<td class="TournamentClubBackground textCenter">
							<div class="margin10">
								<div class="TournamentWinnerRound1Header2" align="center">
									FREE Membership
								</div>
								<div class="TournamentWinnerRound1Header2 marginBottom15" align="center">
									Card
								</div>
								<div>
									<img style="height:300px;" alt="" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/Membership Card.png"></img>
								</div>
							</div>
						</td>
						<td width="5px">
							&#xa0;
						</td>
						<td width="50%" class="TournamentClubBackground">
							<div id='divSelectedTab_ContactTab' class='margin10'>
								<table class="tableMaster marginLeft5" cellpadding="0" cellspacing="0">
									<tr>
										<td colspan="2">
											<div class="marginBottom10 labelGoalTopicsText">
												Please fill out the required fields
											</div>
										</td>
									</tr>
									<tr>
										<td width="50%">
											<div class="labelGoalActionsText">
												First Name*:
											</div>
											<div>
												<input type="text" tabindex="1" id="txtFirstName" style="width:87%;" maxlength="50"
																			 value="{normalize-space(AjaxRequest/MembershipData/FirstName)}" />
											</div>
											<div class="labelGoalActionsText marginTop5">
												Street Address:
											</div>
											<div>
												<input type="text" tabindex="3" id="txtStreetAddress" style="width:87%;" maxlength="255"
													   value="{normalize-space(AjaxRequest/MembershipData/BillingStreet)}"/>
											</div>
											<div class="labelGoalActionsText marginTop5">
												State:
											</div>
											<div>
												<input type="text" tabindex="5" id ="txtState" style="width:87%;" maxlength="20"
													   value="{normalize-space(AjaxRequest/MembershipData/BillingState)}"/>
											</div>
										</td>
										<td width="50%">
											<div class="labelGoalActionsText">
												Last Name*:
											</div>
											<div>
												<input type="text" tabindex="2" id="txtLastName" style="width:87%;" maxlength="50"
													   value="{normalize-space(AjaxRequest/MembershipData/LastName)}"/>
											</div>
											<div class="labelGoalActionsText marginTop5">
												City:
											</div>
											<div>
												<input type="text" tabindex="4" id="txtCity" style="width:87%;" maxlength="40"
													   value="{normalize-space(AjaxRequest/MembershipData/BillingCity)}"/>
											</div>
											<div class="labelGoalActionsText marginTop5">
												Zip Code*:
											</div>
											<div>
												<input type="text" tabindex="6" id ="txtZipCode" style="width:87%;" maxlength="20"
													   value="{normalize-space(AjaxRequest/MembershipData/BillingPostalCode)}"/>
											</div>
										</td>
									</tr>
								</table>
								<div align="center" style="margin-top:50px;">
									<div class="verticallyMiddle textCenter onMouseOver divBrowseGradient spanBrowseGradientTextGray" style="width:80px;line-height:30px;"
										  onmouseover="document.getElementById('img_Next').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow_hover.png';"
										  onmouseout="document.getElementById('img_Next').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png';"
										  onClick="saveMemberShipData('{$BrandID}', 'txtFirstName', 'txtLastName', 'txtStreetAddress', 'txtCity', 'txtState', 'txtZipCode');">
										<img id="img_Next" src="{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png" align="absmiddle" class="marginRight5"></img>

										<xsl:choose>
											<xsl:when test="normalize-space(AjaxRequest/MembershipData)">
												<xsl:text>Update</xsl:text>
											</xsl:when>
											<xsl:otherwise>
												<xsl:text>Submit</xsl:text>
											</xsl:otherwise>
										</xsl:choose>
									</div>
								</div>
							</div>
						</td>
					</tr>
				</table>
			</xsl:otherwise>
		</xsl:choose>
	</xsl:template>
</xsl:stylesheet>
