﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

	<xsl:import href="GenericTemplates/StringReplace.xslt"/>
	<xsl:include href="Version_2_0/PopUpHeader.xslt"/>
	<xsl:include href="Version_2_0/NumberMetricsTemplate.xslt"/>

	<xsl:template match="/">

		<xsl:variable name="TemplateURL" select="AjaxRequest/TemplateURL"/>
		<xsl:variable name="HostName" select="AjaxRequest/HostName"/>
		<xsl:variable name="itemID" select="AjaxRequest/Params/GoalItemID"/>
		<xsl:variable name="LSItemID" select="AjaxRequest/GoalDetail/LSItemID"/>
		<xsl:variable name="LifespaceBrandID" select="AjaxRequest/GoalDetail/LifespaceBrandID"/>
		<xsl:variable name="ImageURL" select="normalize-space(AjaxRequest/GoalDetail/ImageURL)"/>
		<xsl:variable name="statusID" select="AjaxRequest/GoalDetail/StatusID"/>
		<xsl:variable name="SuccessKey" select="normalize-space(AjaxRequest/GoalDetail/SuccessKey)"/>
		<xsl:variable name="Metrics" select="normalize-space(AjaxRequest/GoalDetail/GoalMetricsUpdate)"/>
		<xsl:variable name="ClassificationList" select="AjaxRequest/Settings/DefaultSettings/Classification"></xsl:variable>
		<xsl:variable name="Classification" select="normalize-space(AjaxRequest/GoalDetail/Classification)"/>
		<xsl:variable name="TrackData">
			<xsl:choose>
				<xsl:when test="normalize-space(AjaxRequest/GoalDetail/GoalNumberTracking) != ''">
					<xsl:value-of select="normalize-space(AjaxRequest/GoalDetail/GoalNumberTracking)"/>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>Monthly</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<xsl:variable name="StartAmt" select="normalize-space(AjaxRequest/GoalDetail/GoalNumberStart)"/>
		<xsl:variable name="TargetWhat" select="normalize-space(AjaxRequest/GoalDetail/GoalNumberMeasure)"/>
		<xsl:variable name="TargetAmt" select="normalize-space(AjaxRequest/GoalDetail/GoalNumber)"/>
		<xsl:variable name="TargetFormat" select="normalize-space(AjaxRequest/GoalDetail/GoalNumberFormat)"/>
		<xsl:variable name="TargetDisplay" select="normalize-space(AjaxRequest/GoalDetail/GoalNumberDirection)"/>
		<xsl:variable name="LifeSpaceName" select="normalize-space(AjaxRequest/GoalDetail/LifeSpaceName)"></xsl:variable>
		<xsl:variable name="LifespaceTypeID" select="normalize-space(AjaxRequest/GoalDetail/LifespaceTypeID)"></xsl:variable>
		<xsl:variable name="GoalNumberDirectionXML" select="AjaxRequest/GoalNumberDirectionXML/."></xsl:variable>
		<xsl:variable name="GoalNumberFormatXML" select="AjaxRequest/GoalNumberFormatXML/."></xsl:variable>
		<xsl:variable name="NumberFormat" select="normalize-space(AjaxRequest/GoalDetail/NumberFormat)"/>
		<xsl:variable name="GoalType" select="normalize-space(AjaxRequest/GoalDetail/GoalType)"></xsl:variable>
		<xsl:variable name="GoalOpenControlXML" select="AjaxRequest/GoalOpenControlXML/."></xsl:variable>
		<xsl:variable name="GoalNotesFormatXML" select="AjaxRequest/GoalNotesFormatXML/."></xsl:variable>
		<xsl:variable name="GoalOpenTo" select="normalize-space(AjaxRequest/GoalDetail/GoalOpenTo)"/>
		<xsl:variable name="GoalNotesFormat" select="normalize-space(AjaxRequest/GoalDetail/GoalNotesformat)"/>
		<xsl:variable name="JoinDeadline" select="normalize-space(AjaxRequest/GoalDetail/JoinDeadline)"/>
		<xsl:variable name="UserRoles" select="AjaxRequest/UserRoles/."/>
		<xsl:variable name="NumberGoalPermissionXML" select="AjaxRequest/NumberGoalPermission/."></xsl:variable>
		<xsl:variable name="NumbersEnteredBy" select="AjaxRequest/GoalDetail/NumbersEnteredBy"></xsl:variable>
		<xsl:variable name="PermissionID" select="AjaxRequest/Goal/PermissionID"></xsl:variable>

		<xsl:variable name="GoalPortalTeamMemberXML" select="AjaxRequest/GoalPortalTeamMemberXML/."></xsl:variable>
		<xsl:variable name="GoalOwnerName" select="$GoalPortalTeamMemberXML/GoalOwnerName"></xsl:variable>
		<xsl:variable name="GoalOwnerID" select="$GoalPortalTeamMemberXML/GoalOwnerID"></xsl:variable>
		<xsl:variable name="IsSecureConnection" select="AjaxRequest/IsSecureConnection"></xsl:variable>
		<xsl:variable name="Version" select="AjaxRequest/Settings/BetaVersion"></xsl:variable>

		<xsl:variable name="Protocol">
			<xsl:choose>
				<xsl:when test="$IsSecureConnection = 1">
					<xsl:text>https://</xsl:text>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>http://</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>


		<xsl:variable name="LifespaceImage">
			<xsl:choose>
				<xsl:when test="$LifespaceTypeID = 2 and $LifeSpaceName !='LifeSpace LLC'">
					<xsl:value-of select="$TemplateURL"/>Web/Images/Ver_2_0/goalDefault_<xsl:value-of select="$LifeSpaceName"/>.jpg
				</xsl:when>
				<xsl:when test="$LifespaceTypeID = 2 and $LifeSpaceName ='LifeSpace LLC'">
					<xsl:value-of select="$TemplateURL"/>Web/Images/LifeSpace LLC.jpg
				</xsl:when>
				<xsl:otherwise>
					<xsl:text></xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>

		<xsl:variable name="LifespaceImageURL" select="normalize-space($LifespaceImage)"></xsl:variable>


		<xsl:variable name="DisplayDivKey">
			<xsl:choose>
				<xsl:when test ="$SuccessKey = 'Number' or $GoalType = 2">
					<xsl:text>display:block</xsl:text>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>display:none</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<xsl:variable name="CommunityAdmin" select="AjaxRequest/UserRoles/Role/RoleName"></xsl:variable>
		<xsl:variable name ="DisplayAmount">
			<xsl:choose>
				<xsl:when test ="$TargetAmt != ''">
					<xsl:text>label</xsl:text>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>autoSuggest</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<xsl:variable name ="DisplayofWhat">
			<xsl:choose>
				<xsl:when test ="$TargetWhat != ''">
					<xsl:text>label</xsl:text>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>autoSuggest</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>


		<xsl:variable name="DisplayGroupChallengeFields">
			<xsl:choose>
				<xsl:when test="$GoalType = 1">
					<xsl:text>display:none;</xsl:text>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>display:table-row;</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<xsl:if test="$Version &lt;3">
			<xsl:call-template name="PopUpHeader">
				<xsl:with-param name="ItemID" select="$itemID"></xsl:with-param>
				<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
				<xsl:with-param name="HeaderText">
					<xsl:text>Edit and Customize Your Goal</xsl:text>
				</xsl:with-param>
			</xsl:call-template>
		</xsl:if>
		<div class="goalUpdateSubHeadline marginTop20 marginBottom15 marginLeft20">
			Change the name of your program or customize the description just the way you like it.
		</div>
		<table class="tableMaster padding10" cellpadding="4">
			<tr>
				<td style="width: 20%;" class="textRight verticallyMiddle">
					<span class="goalUpdateLabel">Program</span>
				</td>
				<td>
					<input class="textAreaNotes2" id="txt_Item_{normalize-space($itemID)}_Update_Title" type="text"
                           value="{normalize-space(AjaxRequest/GoalDetail/Item)}" tabindex="1" maxlength="50"/>
					<span id ="span_item_{normalize-space($itemID)}_Update_ErrorMessage" class="labelError" style="display:none;">*</span>
				</td>
			</tr>
			<tr>
				<td class="textRight">
					<div class="goalUpdateLabel" style="margin-top:4px;">Description</div>
				</td>
				<td>
					<textarea id="txt_Item_{normalize-space($itemID)}_Update_Description" rows="2" class="textAreaNotes2" tabindex="2">
						<xsl:value-of select="AjaxRequest/GoalDetail/ProjectDesc"/>
					</textarea>
				</td>
			</tr>
			<tr>
				<td  class="textRight verticallyMiddle">
					<span class="goalUpdateLabel">Program Type</span>
				</td>
				<td>
					<xsl:choose>
						<xsl:when test="$GoalType = 1">
							<input id="rdb_{$itemID}_PersonalGoal" type="radio" name="GoalType" checked="checked"
                                   onclick="document.getElementById('tr_OpenTo').style.display='none';
                                            document.getElementById('tr_NotesFormat').style.display='none';                                    
                                            document.getElementById('tr_JoinDeadline').style.display='none';">
								<span class="publicationSummary marginRight10">Personal Goal</span>
							</input>
							<input id="rdb_{$itemID}_GroupChallenge" type="radio" name="GoalType"
                                   onclick="document.getElementById('tr_OpenTo').style.display='table-row';
                                            document.getElementById('tr_NotesFormat').style.display='table-row';                                   
                                            document.getElementById('tr_JoinDeadline').style.display='table-row';" style="display:none;">
								<span class="publicationSummary" style="display:none;">Group Challenge</span>
							</input>
						</xsl:when>
						<xsl:otherwise>
							<input id="rdb_{$itemID}_PersonalGoal" type="radio" name="GoalType"
                                   onclick="document.getElementById('tr_OpenTo').style.display='none';
                                            document.getElementById('tr_NotesFormat').style.display='none';                                    
                                            document.getElementById('tr_JoinDeadline').style.display='none';">
								<span class="publicationSummary marginRight10">Personal Goal</span>
							</input>
							<input id="rdb_{$itemID}_GroupChallenge" type="radio" name="GoalType" checked="checked"
                                   onclick="document.getElementById('tr_OpenTo').style.display='table-row';
                                            document.getElementById('tr_NotesFormat').style.display='table-row';                                   
                                            document.getElementById('tr_JoinDeadline').style.display='table-row';" style="display:none;">
								<span class="publicationSummary" style="display:none;">Group Challenge</span>
							</input>
						</xsl:otherwise>
					</xsl:choose>
				</td>
			</tr>
			<tr id="tr_OpenTo" style="{$DisplayGroupChallengeFields}">
				<td class="textRight verticallyMiddle">
					<span id="span_OpenTo_Text"  class="goalUpdateLabel">Open To</span>
				</td>
				<td>
					<select id="opt_OpenTo_{$itemID}" class="smallDropdownGC">
						<xsl:for-each select="$GoalOpenControlXML/GoalOpenControl">
							<xsl:choose>
								<xsl:when test="ID = $GoalOpenTo">
									<option value="{ID}" selected="selected">
										<xsl:value-of select="GoalOpenTo"/>
									</option>
								</xsl:when>
								<xsl:otherwise>
									<option value="{ID}">
										<xsl:value-of select="GoalOpenTo"/>
									</option>
								</xsl:otherwise>
							</xsl:choose>

						</xsl:for-each>
					</select>
				</td>
			</tr>
			<tr id="tr_NotesFormat" style="{$DisplayGroupChallengeFields}">
				<td class="textRight verticallyMiddle">
					<span id="span_NotesFormat_Text" class="goalUpdateLabel">Notes Format</span>
				</td>
				<td>
					<select id="opt_NotesFormat_{$itemID}" class="smallDropdownGC">
						<xsl:for-each select="$GoalNotesFormatXML/GoalNotesFormat">
							<xsl:choose>
								<xsl:when test="ID = $GoalNotesFormat">
									<option value="{ID}" selected="selected">
										<xsl:value-of select="NotesFormat"/>
									</option>
								</xsl:when>
								<xsl:otherwise>
									<option value="{ID}">
										<xsl:value-of select="NotesFormat"/>
									</option>
								</xsl:otherwise>
							</xsl:choose>

						</xsl:for-each>
					</select>
				</td>
			</tr>
			<tr id="tr_JoinDeadline" style="{$DisplayGroupChallengeFields}">
				<td class="textRight verticallyMiddle">
					<span id="span_JoinDeadline_Text" class="goalUpdateLabel">Join Deadline</span>
				</td>
				<td>
					<input id="txt_Item_{$itemID}_JoinDeadline" type="text" onblur="checkdate(this)"
                          style="width:75px;" class="text" value ="{$JoinDeadline}"/>
					<img src="{normalize-space($TemplateURL)}Web/Images/big_spacer.gif" ></img>
					<img id="img_Item_{$itemID}_JoinDeadline" align="absmiddle" style="padding-bottom:4px;" class="onMouseOver"
                         src="{normalize-space($TemplateURL)}Web/Images/Ver_2_0/BT_startDate.png" width="20" height="20"
                         onclick='dp("txt_Item_{$itemID}_JoinDeadline", "img_Item_{$itemID}_JoinDeadline");'></img>
				</td>
			</tr>
			<tr>
				<td  class="textRight verticallyMiddle">
					<span class="goalUpdateLabel">Measure Success</span>
				</td>
				<td>
					<select id ="opt_Item_{normalize-space($itemID)}_Success" name="lifespace" class="smallDropdownSuccess"
                             onchange='setSuccessKeyDisplay("opt_Item_{$itemID}_Success", "div_{$itemID}_DisplayNumbers");'>
						<xsl:choose>
							<xsl:when test ="$SuccessKey = 'Number' or $GoalType = 2">
								<option value="Action">Completing Actions</option>
								<option value="Number" selected="selected">By Numbers and Metrics</option>
								<option value="Worksheets">Learning Worksheets</option>
								<option value="BusinessPlanning">
									<xsl:text>Business Planning</xsl:text>
								</option>
								<option value="Coaching">
									<xsl:text>Coaching</xsl:text>
								</option>
								<option value="Pipeline">
									<xsl:text>Pipeline</xsl:text>
								</option>
							</xsl:when>
							<xsl:when test ="$SuccessKey = 'Worksheets'">
								<option value="Action">Completing Actions</option>
								<option value="Number" >By Numbers and Metrics</option>
								<option value="Worksheets" selected="selected">Learning Worksheets</option>
								<option value="BusinessPlanning">
									<xsl:text>Business Planning</xsl:text>
								</option>
								<option value="Coaching">
									<xsl:text>Coaching</xsl:text>
								</option>
								<option value="Pipeline">
									<xsl:text>Pipeline</xsl:text>
								</option>
							</xsl:when>
							<xsl:when test="$SuccessKey = 'BusinessPlanning'">
								<option value="Action" >
									<xsl:text>Completing Actions</xsl:text>
								</option>
								<option value="Number">
									<xsl:text>By Numbers and Metrics</xsl:text>
								</option>
								<option value="Worksheets" >
									<xsl:text>Learning Worksheets</xsl:text>
								</option>
								<option value="BusinessPlanning" selected="selected">
									<xsl:text>Business Planning</xsl:text>
								</option>
								<option value="Coaching">
									<xsl:text>Coaching</xsl:text>
								</option>
								<option value="Pipeline">
									<xsl:text>Pipeline</xsl:text>
								</option>
							</xsl:when>
							<xsl:when test="$SuccessKey = 'Coaching'">
								<option value="Action" >
									<xsl:text>Completing Actions</xsl:text>
								</option>
								<option value="Number">
									<xsl:text>By Numbers and Metrics</xsl:text>
								</option>
								<option value="Worksheets">
									<xsl:text>Learning Worksheets</xsl:text>
								</option>
								<option value="BusinessPlanning">
									<xsl:text>Business Planning</xsl:text>
								</option>
								<option value="Coaching" selected="selected">
									<xsl:text>Coaching</xsl:text>
								</option>
								<option value="Pipeline">
									<xsl:text>Pipeline</xsl:text>
								</option>
							</xsl:when>
							<xsl:when test="$SuccessKey = 'Pipeline'">
								<option value="Action">
									<xsl:text>Completing Actions</xsl:text>
								</option>
								<option value="Number">
									<xsl:text>By Numbers and Metrics</xsl:text>
								</option>
								<option value="Worksheets" >
									<xsl:text>Learning Worksheets</xsl:text>
								</option>
								<option value="BusinessPlanning">
									<xsl:text>Business Planning</xsl:text>
								</option>
								<option value="Coaching">
									<xsl:text>Coaching</xsl:text>
								</option>
								<option value="Pipeline" selected="selected">
									<xsl:text>Pipeline</xsl:text>
								</option>
							</xsl:when>
							<xsl:otherwise>
								<option value="Action" selected="selected">Completing Actions</option>
								<option value="Number">By Numbers and Metrics</option>
								<option value="Worksheets">Learning Worksheets</option>
								<option value="BusinessPlanning">
									<xsl:text>Business Planning</xsl:text>
								</option>
								<option value="Coaching">
									<xsl:text>Coaching</xsl:text>
								</option>
								<option value="Pipeline">
									<xsl:text>Pipeline</xsl:text>
								</option>
							</xsl:otherwise>
						</xsl:choose>

					</select>
				</td>
			</tr>
			<tr>
				<td class="textRight verticallyMiddle">
					<span class="goalUpdateLabel">Classification</span>
				</td>
				<td>
					<select id="opt_Item_{normalize-space($itemID)}_Classification" name="lifespace" class="smallDropdownSuccess">
						<xsl:for-each select="$ClassificationList/Values">
							<xsl:variable name="txtClassification">
								<xsl:choose>
									<xsl:when test="Value=''">
										<xsl:text>Select</xsl:text>
									</xsl:when>
									<xsl:otherwise>
										<xsl:value-of select="Text"/>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:variable>
							<xsl:choose>
								<xsl:when test="$Classification=Value">
									<option value="{Value}" selected="selected">
										<xsl:value-of select="$txtClassification"/>
									</option>
								</xsl:when>
								<xsl:otherwise>
									<option value="{Value}">
										<xsl:value-of select="$txtClassification"/> 
									</option>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:for-each>
					</select>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<div id="div_{$itemID}_DisplayNumbers" style="{$DisplayDivKey};margin-left:-3px;">
						<table class="tableMaster">
							<tr>
								<td style="width: 20%;" class="verticallyMiddle textRight">
									<span class="goalUpdateLabel">Target</span>
								</td>
								<td>
									<span>
										<select id ="opt_Item_{$itemID}_DisplayNumbers" name="lifespace" class="smallDropdown">
											<xsl:for-each select="$GoalNumberDirectionXML/GoalNumberDirection">
												<xsl:choose>
													<xsl:when test ="GoalNumberDirectionKey = $TargetDisplay">
														<option value="{ID}" selected="selected">
															<xsl:value-of select="GoalNumberDirection"/>
														</option>
													</xsl:when>
													<xsl:otherwise>
														<option value="{ID}">
															<xsl:value-of select="GoalNumberDirection"/>
														</option>
													</xsl:otherwise>
												</xsl:choose>

											</xsl:for-each>
										</select>
									</span>&#xa0;<span>
										<select id ="opt_Item_{$itemID}_NumberFormat" style="width:50px"
                                                name="lifespace" class="smallDropdown"
                                                onChange='setSuccessFormat("opt_Item_{$itemID}_NumberFormat","txt_Item_{$itemID}_StartFormat");'>
											<xsl:for-each select="$GoalNumberFormatXML/GoalNumberFormat">
												<xsl:choose>
													<xsl:when test="NumberFormat = $TargetFormat">
														<option value="{ID}" selected="selected">
															<xsl:value-of select="$NumberFormat"/>
														</option>
													</xsl:when>
													<xsl:otherwise>
														<option value="{ID}">
															<xsl:value-of select="NumberFormat"/>
														</option>
													</xsl:otherwise>
												</xsl:choose>
											</xsl:for-each>
										</select>
									</span>&#xa0;
									<span>
										<input id="txt_Item_{$itemID}_TargetAmount" type="text"
                                               value ="{$TargetAmt}" class="{$DisplayAmount}" style="width:75px;"
                                               onFocus='return SuccessKey_ClearAutoSuggestTextbox("txt_Item_{$itemID}_TargetAmount");'/>
									</span>&#xa0;
									<span>
										<input id="txt_Item_{$itemID}_TargetWhat" type="text"
                                               value ="{$TargetWhat}" class="{$DisplayofWhat}" style="width:75px;"
                                               onFocus='return SuccessKey_ClearAutoSuggestTextbox("txt_Item_{$itemID}_TargetWhat");'
                                               onBlur='SetTargetText("txt_Item_{$itemID}_TargetWhat", "txt_Item_{$itemID}_StartWhat");'/>
									</span>&#xa0;
								</td>
							</tr>
							<tr>
								<td style="width: 20%;" class="verticallyMiddle textRight">
									<span class="goalUpdateLabel">Starting With</span>
								</td>
								<td>
									<span class="text" id="txt_Item_{$itemID}_StartFormat">
										<xsl:choose>
											<xsl:when test ="$TargetFormat = ''">$</xsl:when>
											<xsl:otherwise>
												<xsl:value-of select ="$NumberFormat"/>
											</xsl:otherwise>
										</xsl:choose>
									</span>&#xa0;
									<span>
										<input id="txt_Item_{$itemID}_StartAmount" type="text"
                                               value ="{$StartAmt}" class="text" style="width:75px;"/>
									</span>&#xa0;
									<span class="text" id="txt_Item_{$itemID}_StartWhat">
										<xsl:value-of select ="$TargetWhat"/>
									</span>
								</td>
							</tr>
							<tr>
								<td style="width: 20%;" class="verticallyMiddle textRight">
									<span class="goalUpdateLabel">Track Amount</span>
								</td>
								<td>
									<select id ="opt_Item_{$itemID}_TrackAmount"
                                            name="lifespace" class="smallDropdown">
										<xsl:call-template name="NumberUpdateMetrics">
											<xsl:with-param name="Metrics">
												<xsl:value-of select="$TrackData"/>
											</xsl:with-param>
											<xsl:with-param name="AddNever">
												<xsl:number value="1"/>
											</xsl:with-param>
										</xsl:call-template>

									</select>
								</td>
							</tr>
							<tr>
								<td style="width: 20%;" class="verticallyMiddle textRight">
									<span class="goalUpdateLabel">Update Metrics</span>
								</td>
								<td>
									<select id ="opt_Item_{$itemID}_UpdateMetrics" name="lifespace" class="smallDropdown">
										<xsl:call-template name="NumberUpdateMetrics">
											<xsl:with-param name="Metrics">
												<xsl:value-of select="$Metrics"/>
											</xsl:with-param>
										</xsl:call-template>

									</select>
								</td>
							</tr>
							<xsl:choose>
								<xsl:when test ="$UserRoles and count($UserRoles/Role[RoleName = 'Brand Admin']) &gt; 0">
									<tr>
										<td style="width: 20%;" class="verticallyMiddle textRight">
											<span class="goalUpdateLabel">Published</span>
										</td>
										<td>
											<select id="ddl_Item_{$itemID}_PublishYN" class="smallDropdown">
												<xsl:choose>
													<xsl:when test="normalize-space(AjaxRequest/GoalDetail/PublishedYN) = 1">
														<option value="1" selected="selected">
															Yes
														</option>
														<option value="0">
															No
														</option>
													</xsl:when>
													<xsl:otherwise>
														<option value="1">
															Yes
														</option>
														<option value="0" selected="selected">
															No
														</option>
													</xsl:otherwise>
												</xsl:choose>
											</select>
										</td>
									</tr>
								</xsl:when>
								<xsl:otherwise>
									<tr style="display:none;">
										<td style="width: 20%;" class="verticallyMiddle textRight">
											<span class="goalUpdateLabel">Published</span>
										</td>
										<td>
											<select id="ddl_Item_{$itemID}_PublishYN" class="smallDropdown">
												<option value="1">
													Yes
												</option>
												<option value="0" selected="selected">
													No
												</option>
											</select>
										</td>
									</tr>
								</xsl:otherwise>
							</xsl:choose>

							<xsl:if test="$PermissionID &gt;= 4 or count($UserRoles/Role[RoleName = 'Community Admin']) &gt; 0">
								<tr id="tr_NumbersEnteredBy">
									<td style="width: 20%;" class="verticallyMiddle textRight">
										<span class="goalUpdateLabel">Numbers Entered By</span>
									</td>
									<td>
										<select id="ddl_NumbersEnteredBy" class="smallDropdown" style="width:120px;">
											<option value="-99">-Select-</option>
											<xsl:for-each select="$NumberGoalPermissionXML/Permission">
												<xsl:variable name="EnterPermissionID" select="ID"></xsl:variable>
												<xsl:choose>
													<xsl:when test="$NumbersEnteredBy = $EnterPermissionID">
														<option value="{ID}" selected="selected">
															<xsl:value-of select="NumbersEnteredBy"/>
														</option>
													</xsl:when>
													<xsl:otherwise>
														<option value="{ID}">
															<xsl:value-of select="NumbersEnteredBy"/>
														</option>
													</xsl:otherwise>
												</xsl:choose>
											</xsl:for-each>
										</select>
									</td>
								</tr>
							</xsl:if>

						</table>
					</div>
				</td>
			</tr>
			<xsl:if test="count($UserRoles/Role[RoleName = 'Community Admin']) &gt; 0">
				<tr>
					<td style="width: 20%;" class="verticallyMiddle textRight">
						<span class="goalUpdateLabel">Program Owner</span>
					</td>
					<td>
						<span id="span_GoalOwnerName" class="publicationSummary sentenceFont onMouseOver"
                              onmouseover="this.style.textDecoration='underline';"
                              onmouseout="this.style.textDecoration='';"
                              onclick="document.getElementById('opt_GoalOwner').style.display='inline';
                                       document.getElementById('span_GoalOwnerName').style.display='none';">
							<xsl:value-of select="$GoalOwnerName"/>
						</span>

						<select style="display:none;" id="opt_GoalOwner" class="smallDropdown"
                                onchange="updateGoalOwner('opt_GoalOwner', {$itemID});">
							<option value="-99">-Select-</option>
							<xsl:for-each select="$GoalPortalTeamMemberXML/GoalPortalTeamMember">
								<xsl:choose>
									<xsl:when test="UserID = $GoalOwnerID">
										<option value="{UserID}" selected="selected">
											<xsl:value-of select="DisplayName"/>
										</option>
									</xsl:when>
									<xsl:otherwise>
										<option value="{UserID}">
											<xsl:value-of select="DisplayName"/>
										</option>
									</xsl:otherwise>
								</xsl:choose>

							</xsl:for-each>
						</select>
					</td>
				</tr>
			</xsl:if>
			<tr>
				<td colspan="2" >
					<span class="goalUpdateSubHeadline marginBottom10 marginLeft20" style="margin-top:20px;">
						Add your own image .
					</span>
				</td>
			</tr>
			<tr>
				<td class="textRight verticallyMiddle">

				</td>
				<td style="vertical-align:middle;">
					<div id="div_ImageURL_{$itemID}">

						<xsl:variable name="FormattedImageURL">
							<xsl:choose>
								<xsl:when test="$IsSecureConnection = 1">
									<xsl:call-template name="replaceCharsInString">
										<xsl:with-param name="stringIn" select="$ImageURL"></xsl:with-param>
										<xsl:with-param name="charsIn">
											<xsl:text>http://</xsl:text>
										</xsl:with-param>
										<xsl:with-param name="charsOut">
											<xsl:text>https://</xsl:text>
										</xsl:with-param>
									</xsl:call-template>
								</xsl:when>
								<xsl:otherwise>
									<xsl:value-of select="$ImageURL"/>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:variable>

						<xsl:variable name="FormattedLifespaceImageURL">
							<xsl:choose>
								<xsl:when test="$IsSecureConnection = 1">
									<xsl:call-template name="replaceCharsInString">
										<xsl:with-param name="stringIn" select="$LifespaceImageURL"></xsl:with-param>
										<xsl:with-param name="charsIn">
											<xsl:text>http://</xsl:text>
										</xsl:with-param>
										<xsl:with-param name="charsOut">
											<xsl:text>https://</xsl:text>
										</xsl:with-param>
									</xsl:call-template>
								</xsl:when>
								<xsl:otherwise>
									<xsl:value-of select="$LifespaceImageURL"/>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:variable>

						<xsl:choose>
							<xsl:when test="$ImageURL">
								<div id="div_CustomGoalImage" onClick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid=Goal&amp;cropRatio=2&amp;requiredHeight=135&amp;requiredWidth=135&amp;requiredFileName=Thumbnail&amp;Key=UploadPathItems&amp;TemplateID={$itemID}',
                                                                'Upload_Image','530','390','{$itemID}','UploadGoalImageOnEdit','div_CustomGoalImage', null, 0);">
									<img id="img_GoalImage_{$itemID}" src="{$FormattedImageURL}" width="135" height="135"
                                         style="border:0px;" align="absmiddle" class="onMouseOver"
                                         onmouseover="this.className='grayOut';document.getElementById('span_goalImageText').style.display ='block';"
                                         onmouseout="this.setAttribute('class','');document.getElementById('span_goalImageText').style.display ='none';">
									</img>
									<span id="span_goalImageText" style="display:none;position:relative;top:-75px;height:0px;margin-left:15px;" class="labelLifespaceItem onMouseOver"
                                          onmouseover="document.getElementById('img_GoalImage_{$itemID}').className='grayOut';document.getElementById('span_goalImageText').style.display ='block';"
                                          onmouseout="document.getElementById('img_GoalImage_{$itemID}').setAttribute('class','');document.getElementById('span_goalImageText').style.display ='none';">Change Photo</span>
								</div>

							</xsl:when>
							<xsl:otherwise>
								<xsl:choose>
									<xsl:when test="$LifespaceImageURL!=''">
										<img id="img_GoalImage_{$itemID}" src="{$FormattedLifespaceImageURL}?type=large" width="135" height="135"
                                             style="border:0px;" align="absmiddle" class="onMouseOver"
                                             onmouseover="this.className='grayOut';document.getElementById('span_goalImageText').style.display ='block';"
                                             onmouseout="this.setAttribute('class','');document.getElementById('span_goalImageText').style.display ='none';"
                                             onClick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid=Goal&amp;cropRatio=2&amp;requiredHeight=135&amp;requiredWidth=135&amp;requiredFileName=Thumbnail&amp;Key=UploadPathItems&amp;TemplateID={$itemID}',
                                                                'Upload_Image','530','390','{$itemID}','UploadGoalImageOnEdit','img_GoalImage_{$itemID}', null, 1);">

										</img>
										<span id="span_goalImageText" style="display:none;position:relative;top:-75px;height:0px;margin-left:15px;" class="labelLifespaceItem onMouseOver"
                                          onmouseover="document.getElementById('img_GoalImage_{$itemID}').className='grayOut';document.getElementById('span_goalImageText').style.display ='block';"
                                             onmouseout="document.getElementById('img_GoalImage_{$itemID}').setAttribute('class','');document.getElementById('span_goalImageText').style.display ='none';"
                                              onClick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid=Goal&amp;cropRatio=2&amp;requiredHeight=135&amp;requiredWidth=135&amp;requiredFileName=Thumbnail&amp;Key=UploadPathItems&amp;TemplateID={$itemID}',
                                                                'Upload_Image','530','390','{$itemID}','UploadGoalImageOnEdit','img_GoalImage_{$itemID}', null, 1);">Change Photo</span>
									</xsl:when>
									<xsl:otherwise>
										<img id="img_GoalImage_{$itemID}" src="{$TemplateURL}Web/Images/LifeSpace LLC.jpg" width="135" height="135"
                                            style="border:0px;" align="absmiddle" class="onMouseOver"
                                            onmouseover="this.className='grayOut';document.getElementById('span_goalImageText').style.display ='block';"
                                            onmouseout="this.setAttribute('class','');document.getElementById('span_goalImageText').style.display ='none';"
                                             onClick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid=Goal&amp;cropRatio=2&amp;requiredHeight=135&amp;requiredWidth=135&amp;requiredFileName=Thumbnail&amp;Key=UploadPathItems&amp;TemplateID={$itemID}',
                                                                'Upload_Image','530','390','{$itemID}','UploadGoalImageOnEdit','img_GoalImage_{$itemID}', null, 1);">
										</img>
										<span id="span_goalImageText" style="display:none;position:relative;top:-75px;height:0px;margin-left:15px;" class="labelLifespaceItem onMouseOver"
                                          onmouseover="document.getElementById('img_GoalImage_{$itemID}').className='grayOut';document.getElementById('span_goalImageText').style.display ='block';"
                                             onmouseout="document.getElementById('img_GoalImage_{$itemID}').setAttribute('class','');document.getElementById('span_goalImageText').style.display ='none';"
                                              onClick="ImageUploader_PopupCenter('{$Protocol}{$HostName}/upload/uploadimage.aspx?guid=Goal&amp;cropRatio=2&amp;requiredHeight=135&amp;requiredWidth=135&amp;requiredFileName=Thumbnail&amp;Key=UploadPathItems&amp;TemplateID={$itemID}',
                                                                'Upload_Image','530','390','{$itemID}','UploadGoalImageOnEdit','img_GoalImage_{$itemID}', null, 1);">Change Photo</span>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:otherwise>
						</xsl:choose>
					</div>
				</td>
			</tr>
		</table>
		<!--<div style="border-top:1px solid gray;" class="paddingTop10 paddingBottom5">
			<span class="goalUpdateSubHeadline marginLeft20">
				Life happens. If you're off track, simply extend the finish date or reset and start over.
			</span>
		</div>-->
		<table class="padding10 marginLeft15" cellpadding="4" style="width:65%">
			<tr>
				<td width="50%">
					<span class="goalUpdateLabel marginRight10 verticallyMiddle">Start Date</span>
					<input id="txt_Item_{normalize-space($itemID)}_Update_StartDate" type="text" onblur="checkdate(this)"
                           class="date2 verticallyMiddle" value="{normalize-space(AjaxRequest/GoalDetail/StartDate)}" tabindex="4"/>
					<img src="{normalize-space($TemplateURL)}Web/Images/big_spacer.gif"></img>
					<img class="verticallyMiddle onMouseOver" style="height:25px;width:25px;padding-bottom:1px;" id="img_Item_{normalize-space($itemID)}_Update_StartDate"
                         src="{normalize-space($TemplateURL)}Web/Images/Ver_2_0/BT_startDate.png"
                         onclick='dp("txt_Item_{normalize-space($itemID)}_Update_StartDate", "img_Item_{normalize-space($itemID)}_Update_StartDate");'></img>

				</td>
				<td>
					<span class="goalUpdateLabel marginRight10 verticallyMiddle">End Date</span>
					<input id="txt_Item_{normalize-space($itemID)}_Update_EndDate" type="text" onblur="checkdate(this)"
                           runat="server" class="date2 verticallyMiddle" value="{normalize-space(AjaxRequest/GoalDetail/EndDate)}" tabindex="5"/>
					<img src="{normalize-space($TemplateURL)}Web/Images/big_spacer.gif"></img>
					<img class="verticallyMiddle onMouseOver" style="height:25px;width:25px;padding-bottom:3px;" id="img_Item_{normalize-space($itemID)}_Update_EndDate"
                         src="{normalize-space($TemplateURL)}Web/Images/Ver_2_0/BT_endDate.png"
                         onclick='dp("txt_Item_{normalize-space($itemID)}_Update_EndDate", "img_Item_{normalize-space($itemID)}_Update_EndDate");'></img>

				</td>
			</tr>
			<tr>
				<td>
					<span class="goalUpdateLabel marginRight20 marginLeft10">Status</span>
					<select id="opt_Item_{normalize-space($itemID)}_Update_Status" name="status" class="smallDropdown" tabindex="6">
						<xsl:for-each select="AjaxRequest/Status/ItamStatus">
							<xsl:if test="$statusID=ID">
								<option value="{ID/.}" selected="selected">
									<xsl:value-of select="normalize-space(Name/.)"/>
								</option>
							</xsl:if>s
							<xsl:if test ="$statusID!=ID">
								<option value="{ID/.}">
									<xsl:value-of select="normalize-space(Name/.)"/>
								</option>
							</xsl:if>
						</xsl:for-each>
					</select>
				</td>
				<td>
					<span class="goalUpdateLabel marginRight10 ">Link to</span>
					<select id="ddl_Item_LifeSpaces" name="LifeSpaces" class="smallDropdown" style="width:110px;">
						<xsl:variable name="defaultLifespaceId" select="AjaxRequest/GoalDetail/LSItemID"></xsl:variable>
						<xsl:for-each select="AjaxRequest/LifeSpace/Item[LifeSpaceBrandID = -99]">
							<xsl:sort select="Name" order="ascending"/>
							<xsl:if test="$defaultLifespaceId &gt; 0">
								<xsl:if test="$defaultLifespaceId = ID">
									<option value="{ID}" selected="selected">
										<xsl:value-of select="normalize-space(Name)"/>
									</option>
								</xsl:if>
								<xsl:if test="$defaultLifespaceId != ID">
									<option value="{ID}">
										<xsl:value-of select="normalize-space(Name)"/>
									</option>
								</xsl:if>
							</xsl:if>
							<xsl:if test="$defaultLifespaceId = 0">
								<option value="{ID}">
									<xsl:value-of select="normalize-space(Name)"/>
								</option>
							</xsl:if>
						</xsl:for-each>
						<xsl:for-each select="AjaxRequest/LifeSpace/Item[LifeSpaceBrandID != -99]">
							<xsl:sort select="Name" order="ascending"/>
							<xsl:if test="$defaultLifespaceId &gt; 0">
								<xsl:if test="$defaultLifespaceId = ID">
									<option value="{ID}" selected="selected">
										<xsl:value-of select="normalize-space(Name)"/>
									</option>
								</xsl:if>
								<xsl:if test="$defaultLifespaceId != ID">
									<option value="{ID}">
										<xsl:value-of select="normalize-space(Name)"/>
									</option>
								</xsl:if>
							</xsl:if>
							<xsl:if test="$defaultLifespaceId = 0">
								<option value="{ID}">
									<xsl:value-of select="normalize-space(Name)"/>
								</option>
							</xsl:if>
						</xsl:for-each>
					</select>
				</td>
			</tr>
		</table>
		<div align="right" class="padding10">
			<table cellpadding="0" cellspacing="0">
				<tr>
					<xsl:if test="$Version &lt;3">
					<td class="textCenter onMouseOver divBrowseGradient spanBrowseGradientTextGray verticallyMiddle" style="width:75px;height:30px;"
            onmouseover="document.getElementById('img_Cancel').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x_hover.png';"
            onmouseout="document.getElementById('img_Cancel').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x.png';"
            onclick="closePopupWhiteLayerContainer();">
						
							<img id="img_Cancel" class="marginRight5" src="{$TemplateURL}Web/Images/Ver_2_0/BT_x.png" align="absmiddle"></img>
							<span id="span_Cancel" class="capitalFont">CANCEL</span>
						
					</td>
					</xsl:if>
					<td style="width:6px;"></td>
					<td class="textCenter onMouseOver divBrowseGradient spanBrowseGradientTextGray verticallyMiddle" style="width:70px;height:30px;"
                        onclick='return Dashboard_UpdateGoal("ddl_Item_LifeSpaces", "opt_Item_{$itemID}_UpdateMetrics", "opt_Item_{$itemID}_TrackAmount","txt_Item_{$itemID}_StartAmount",
						        "txt_Item_{$itemID}_TargetWhat","txt_Item_{$itemID}_TargetAmount", "opt_Item_{$itemID}_NumberFormat","opt_Item_{$itemID}_DisplayNumbers",
								"opt_Item_{normalize-space($itemID)}_Success","txt_Item_{normalize-space($itemID)}_Update_Title", "txt_Item_{normalize-space($itemID)}_Update_Description",
								"txt_Item_{normalize-space($itemID)}_Update_StartDate", "txt_Item_{normalize-space($itemID)}_Update_EndDate",
								"opt_Item_{normalize-space($itemID)}_Update_Status", "{normalize-space($itemID)}","div_SelectedGoalItem_Name",
								"span_item_{normalize-space($itemID)}_Update_ErrorMessage", "img_GoalImage_{$itemID}","UpdateGoalVersion2",
                                "rdb_{$itemID}_PersonalGoal","rdb_{$itemID}_GroupChallenge","opt_OpenTo_{$itemID}","opt_NotesFormat_{$itemID}","txt_Item_{$itemID}_JoinDeadline",
                                "ddl_Item_{$itemID}_PublishYN","ddl_NumbersEnteredBy","opt_Item_{normalize-space($itemID)}_Classification");'
                        onmouseover="document.getElementById('img_Save').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
                        onmouseout="document.getElementById('img_Save').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';">
						<img id="img_Save" class="marginRight5" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle"></img>
						<span id="span_Save" class="capitalFont">SAVE</span>
					</td>
				</tr>
			</table>
		</div>
	</xsl:template>
</xsl:stylesheet>
