﻿<?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:include href="PopUpHeader.xslt"/>

	<xsl:template match="/">
		<xsl:variable name="GoalID" select="AjaxRequest/Params/GoalId"></xsl:variable>
		<xsl:variable name="GoalName" select="AjaxRequest/GoalDetail/Item"></xsl:variable>
		<xsl:variable name="TemplateURL" select="AjaxRequest/TemplateURL"></xsl:variable>
		<xsl:variable name="UserImageURL" select="AjaxRequest/User/UserData/FbPicURL"></xsl:variable>
		<xsl:variable name="UserName" select="AjaxRequest/User/UserData/DisplayName"></xsl:variable>
		<xsl:variable name="ImageURL" select="AjaxRequest/GoalDetail/ImageURL"></xsl:variable>

		<xsl:call-template name="CompleteGoal">
			<xsl:with-param name="GoalID" select="$GoalID"></xsl:with-param>
			<xsl:with-param name="GoalName" select="$GoalName"></xsl:with-param>
			<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
			<xsl:with-param name="ImageURL" select="$UserImageURL"></xsl:with-param>
			<xsl:with-param name="UserName" select="$UserName"></xsl:with-param>
		</xsl:call-template>
	</xsl:template>
	<xsl:template name="CompleteGoal">
		<xsl:param name="GoalID" select="'N/A'"></xsl:param>
		<xsl:param name="GoalName" select="'N/A'"></xsl:param>
		<xsl:param name="TemplateURL" select="'N/A'"></xsl:param>
		<xsl:param name="ImageURL" select="'N/A'"></xsl:param>
		<xsl:param name="UserName" select="'N/A'"></xsl:param>

		<div id="divCompleteGoal_{$GoalID}" class="popUpShadow">
			<xsl:call-template name="PopUpHeader">
				<xsl:with-param name="ItemID" select="$GoalID"></xsl:with-param>
				<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
				<xsl:with-param name="HeaderText">
					<xsl:text>High Five! You’ve Achieved Your Goal!</xsl:text>
				</xsl:with-param>
			</xsl:call-template>
			<div id="divCompleteGoalContent_{$GoalID}" class="paddingBottom10">
				<table class="tableMaster padding15" style="border-bottom:1px solid gray;">
					<tr>
						<td class="textCenter" width="110px">
							<img src="{$ImageURL}" width="100px" height="100px" alt=""></img>
						</td>
						<td style="vertical-align:bottom;">
							<div class="labelGoalTopicsText marginBottom10">
								Don’t be shy. Share your glory with the Lifespace community.
							</div>
							<table class="tableMaster" cellpading="0" cellspacing="0">
								<tr>
									<td class="verticallyMiddle">
										<textarea style="height:26px;width:99%;" class="textAreaNotes2" id="txt_CompleteGoalShare_{$GoalID}">											
											<xsl:value-of select="$UserName"></xsl:value-of> has just completed <xsl:value-of select="$GoalName"/>.
										</textarea>										
									</td>
									<td class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray" style="width:80px;"
                                        onmouseover="document.getElementById('img_Add').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
                                        onmouseout="document.getElementById('img_Add').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';">
										<img id="img_Add" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle" style="padding-left:8px;" class="marginRight5"></img>
										<span id="span_Add">Post</span>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
				<div id="divShareSocialMedia_{$GoalID}" class="padding10" style="border-bottom:1px solid gray;">
					<xsl:call-template name="ShareSocialMedia">
						<xsl:with-param name="ItemID" select="$GoalID"></xsl:with-param>
						<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
					</xsl:call-template>
				</div>
				<div class="visionContent marginTop15 marginLeft20">
					You’re on a roll – Why stop now?
				</div>
				<div class="labelGoalTopicsText marginLeft25">
					Get started creating New Goals.
				</div>
				<div align="center" class="textRight" style="margin-top:-50px;margin-right:75px;">
					<img class="verticallyMiddle" src="{$TemplateURL}Web/Images/Ver_2_0/arrowHandDrawn_1.png" alt=""></img>
					<span class="startNewGoal marginLeft20">
						Start a Goal
					</span>
					<span style="vertical-align:baseline;margin-top:-30px;" class="startNewGoalSymbol">+</span>
				</div>
			</div>
		</div>
	</xsl:template>
	<xsl:template name="ShareSocialMedia">
		<xsl:param name="ItemID" select="'N/A'"></xsl:param>
		<xsl:param name="TemplateURL" select="'N/A'"></xsl:param>

		<table id="tabShareSocialMedia_{$ItemID}" class="tableMaster padding10">
			<tr>
				<td class="verticallyMiddle textCenter" width="50%">
					<img class="verticallyMiddle" id="imgFacebookShare_{$ItemID}" src="{$TemplateURL}Web/Images/Ver_2_0/BT_facebook.png" alt=""></img>
					<span class="FBTWText marginLeft20">
						Share it on Facebook
					</span>
				</td>
				<td class="verticallyMiddle textCenter">
					<img class="verticallyMiddle" id="imgTwitterShare_{$ItemID}" src="{$TemplateURL}Web/Images/Ver_2_0/BT_twitter.png" alt=""></img>
					<span class="FBTWText marginLeft20">
						Tweet It
					</span>
				</td>
			</tr>
		</table>

	</xsl:template>
</xsl:stylesheet>
