﻿<?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 name="StartTournamentPopUp">
		<xsl:param name ="HostName" select="'N/A'"></xsl:param>
		<xsl:param name="ItemID" select="'N/A'"></xsl:param>
		<xsl:param name="templateURL" select="'N/A'"></xsl:param>
		<xsl:param name="GoalStep" select="'N/A'"></xsl:param>
		<!--<xsl:param name="TournamentImageURL" select="'N/A'"></xsl:param>-->
		<input id="TournamentImageURL" type="hidden" value=""></input>
		
		<table class="tableMaster" cellpadding="0" cellspacing="0">
			<tbody>
				<tr>
					<td colspan="2">
						<div id="divCreateBrand" class="padding10">
							<table class="tableMaster" cellspacing="0" cellpadding="0" align="center">
								<tbody>

									<tr>
										<td colspan="2">
											<div class="marginBottom10 marginTop20">
												<span class="createGoalWizardStepLabel" style="margin-right:189px;">START</span>
												<span class="createGoalWizardStepLabel" style="margin-right:189px;">SETUP</span>
												<span class="createGoalWizardStepLabel" style="margin-right:189px;">SHARE</span>
												<span class="createGoalWizardStepLabel">FINISH</span>
											</div>
										</td>
									</tr>
									<tr>
										<td colspan="2" class="textCenter">
											<div class="marginBottom20"
												 style="width:757px;height:40px;background-repeat:no-repeat;background:url('{$templateURL}Web/Images/Ver_2_0/BG_progressBarPopup.png');">
												<table>
													<tr>
														<td>
															<img  src="{$templateURL}Web/Images/Ver_2_0/1_highlight.png" style="margin-top:-5px;margin-left:-5px;margin-right:192px;"></img>
														</td>
														<td>
															<img  src="{$templateURL}Web/Images/Ver_2_0/2_dark.png" style="margin-top:-5px;margin-left:-5px;margin-right:192px;"></img>
														</td>
														<td>
															<img  src="{$templateURL}Web/Images/Ver_2_0/3_dark.png" style="margin-top:-5px;margin-left:-5px;margin-right:192px;"></img>
														</td>
														<td>
															<img  src="{$templateURL}Web/Images/Ver_2_0/4_dark.png" style="margin-top:-5px;margin-right:-5px;"></img>
														</td>
													</tr>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td colspan="2">
											<div class="" Style="font-family:Blue hand writing; font-size:20px; font-style:Italic; font-weight:bold;" align="center"> Great!  Let's Add The Tournament! </div>
											<div class="createGoalWizardHeadlineSubText" align="center" style="margin-bottom:20px;"> Now it's time to get started. </div>
										</td>
									</tr>
									<tr>
										<td colspan="2">
											<div class="graySeperatorLineBold marginBottom15"> </div>
										</td>
									</tr>
									<tr>
										<div>
											<table class="tableMaster" cellpadding="3">
												<tbody>
													<tr>
														<td width="17%">
															<span class="actionCountText" >Tournament Type: </span>
														</td>
														<td width="83%">
															<select class="largeDropdown" name="TournamentType" id="ddlTournamentType" style="color:gray;"
																	 onFocus="this.style.color='black';"
																	 onchange='setDropDownStyle("ddlTournamentType");'>
																<option selected="selected" value="0">Select your Tournament type..</option>
																<xsl:for-each select ="AjaxRequest/TournamentTypes">
																	<option value="{TournamentTypeID}">
																		<xsl:value-of select ="normalize-space(TournamentType)"/>
																	</option>
																</xsl:for-each>
															</select>
														</td>
													</tr>
													<tr>
														<td width="17%">
															<span class="actionCountText">Tournament Date: </span>
														</td>
														<td width="83%">
															<input id="txt_TournamentDate" type="text" onblur="checkdate(this)" class="date" value ="" 
                                   name="&lt;OperationalData&gt;&lt;Mode&gt;Tournament&lt;/Mode&gt;&lt;/OperationalData&gt;"/>
															<img src="{normalize-space($templateURL)}Web/Images/big_spacer.gif"></img>
															<img id="img_TournamentDate" class="onMouseOver" width="20"
																 height="20" align="absmiddle" onclick='dp("txt_TournamentDate", "img_TournamentDate");' 
                                 src="{$templateURL}Web/Images/Ver_2_0/BT_startDate.png" style="padding-bottom:4px;"/>
														</td>
													</tr>
													<tr>
														<td width="17%">
															<span class="actionCountText">Tournament Time: </span>
														</td>
														<td width="83%">
															<select id="ddl_Tournament_Hours" class="marginRight10">
																<option value="0">-Select-</option>
																<option value="1">01</option>
																<option value="2">02</option>
																<option value="3">03</option>
																<option value="4">04</option>
																<option value="5">05</option>
																<option value="6">06</option>
																<option value="7">07</option>
																<option value="8">08</option>
																<option value="9">09</option>
																<option value="10">10</option>
																<option value="11">11</option>
																<option value="12">12</option>
															</select>
															<select id="ddl_Tournament_Minutes" class="marginRight10">
																<option value="0">00</option>
																<option value="1">15</option>
																<option value="2">30</option>
																<option value="3">45</option>																	
															</select>
															<select id="ddl_Tournament_Shift">
																<option value="1">AM</option>
																<option value="2">PM</option>
															</select>
														</td>
													</tr>
													<tr>
														<td width="17%">
															<span class="actionCountText">Location: </span>
														</td>
														<td  width="83%">
															<select class="largeDropdown" name="HostBrandName" id="ddlHostBrandName" style="color:gray;"
																	 onFocus="this.style.color='black';"
																	 onchange='setDropDownStyle("ddlHostBrandName");'>
																<xsl:choose>
																	<xsl:when test ='count(AjaxRequest/Brands/Brand) &gt; 0'>
																		<option selected="selected" value="0">Select your Host Brand Name..</option>
																		<xsl:for-each select ="AjaxRequest/Brands/Brand">
																			<option value="{ItemID}">
																				<xsl:value-of select ="normalize-space(Item)"/>
																			</option>
																		</xsl:for-each>
																	</xsl:when>
																	<xsl:when test ='count(AjaxRequest/Brands/Brand) = 0'>
																		<option value="0">Select your Host Brand Name..</option>
																		<xsl:for-each select ="AjaxRequest/Items/Item">
																			<option selected="selected" value="{ItemID}">
																				<xsl:value-of select ="normalize-space(Item)"/>
																			</option>
																		</xsl:for-each>
																	</xsl:when>
																</xsl:choose>
															</select>
														</td>
													</tr>
													<tr>
														<td class="padding5 verticallyMiddle textCenter" width="17%">
															<div id="div_TournamentImage" width="100%">
																<img border="0" src="{$templateURL}Web/Images/Ver_2_0/icon_goalPicPlaceholder.png" onload="setWidthAndHeightImage(this, 90);" style="display: block; width:100%;"></img>
															</div>
															<div id="div_TournamentImage" class="divBrowseGradient" align="center" style="height:20px;width:100%;"
																 onClick="ImageUploader_PopupCenter('http://{$HostName}/upload/uploadimage.aspx?guid=TempItemsGoals&amp;cropRatio=2&amp;requiredHeight=100&amp;requiredWidth=100&amp;requiredFileName=Thumbnail&amp;Key=UploadPathTempLocation',
                                                            'Upload_Image','530','390','0','UploadTournamentImage','div_TournamentImage',null,0);">
																<span class="spanBrowseGradientTextGray onMouseOver">UPLOAD IMAGE</span>
															</div>
														</td>
														<td width="83%" class="padding5">
															<div class="marginBottom10">
																<input id="txt_TournamentName" class="labelTournamentTitle" type="text" style="width:100%;height:28px;" value="Enter a Tournament Name"
																	   onfocus="SetTextAreaValue('txt_TournamentName','Enter a Tournament Name','focus');"
																	   onBlur='SetTextAreaValue("txt_TournamentName","Enter a Tournament Name","blur")'></input>
															</div>
															<div>
																<textarea id="txt_TournamentDescription" style="width:100%;" rows="3"
																		  onfocus="removeWhiteSpace('txt_TournamentDescription');
                                               SetTextAreaValue('txt_TournamentDescription','Add a description about your tournament.','focus');"
																		  onBlur='SetTextAreaValue("txt_TournamentDescription","Add a description about your tournament.","blur")'>
																	<xsl:text>Add a description about your tournament.</xsl:text>
																</textarea>
															</div>
														</td>
													</tr>
													<tr>
														<td>

														</td>
													</tr>
													<tr>
														<div id="btnAddTournamentContent" align="right" style="padding-right:10px;display:block;">
															<table align="right" class="padding10">
																<tr>
																	<td class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray" onclick="closePopupWhiteLayerContainer();" onmouseout="document.getElementById('img_Cancel').src='{$templateURL}Web/Images/Ver_2_0/BT_x.png';" onmouseover="document.getElementById('img_Cancel').src='{$templateURL}Web/Images/Ver_2_0/BT_x_hover.png';" style="width:80px;height:30px;">
																		<img id="img_Cancel" class="marginRight5" align="absmiddle" style="padding-left:8px;" src="{$templateURL}Web/Images/Ver_2_0/BT_x.png"></img>
																		<span id="span_Cancel">CANCEL</span>
																	</td>
																	<td class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray"
																		onclick="Tournament_SaveData('{$ItemID}','ddlTournamentType','txt_TournamentDate', 'ddl_Tournament_Hours', 'ddl_Tournament_Minutes','ddl_Tournament_Shift', 'ddlHostBrandName','txt_TournamentName','txt_TournamentDescription','SetUp','TournamentImageURL');"
																		onmouseout="document.getElementById('img_Next').src='{$templateURL}Web/Images/Ver_2_0/BT_arrow.png';"
																		onmouseover="document.getElementById('img_Next').src='{$templateURL}Web/Images/Ver_2_0/BT_arrow_hover.png';" style="width:95px;height:30px;">
																		<img id="img_Next" class="marginRight5" align="absmiddle" style="padding-left:8px;" src="{$templateURL}Web/Images/Ver_2_0/BT_arrow.png"></img>
																		<span id="span_Next">NEXT STEP</span>
																	</td>
																</tr>
																<tr>
																	<td></td>
																</tr>
															</table>
														</div>




													</tr>
												</tbody>
											</table>
										</div>
									</tr>

								</tbody>
							</table>

						</div>
					</td>
				</tr>

			</tbody>
		</table>
		
	</xsl:template>



</xsl:stylesheet>
