﻿<?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:include href="../../GenericTemplates/Notes_LineBreak.xslt" />

	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">
		<xsl:variable name="ChallengesList" select="AjaxRequest/PortalChallengesListXML/ChallengesXML/."></xsl:variable>
		<xsl:variable name="ChallengesStatusListXML" select="AjaxRequest/PortalChallengesListXML/ChallengeStatusXML/."></xsl:variable>
		<xsl:variable name="Action" select="normalize-space(AjaxRequest/Action)"/>
		<xsl:variable name="ItemID" select="AjaxRequest/PortalChallengesListXML/PortalItemID"/>
		<xsl:variable name="TemplateURL" select="AjaxRequest/TemplateURL"/>
		<xsl:variable name="HostName" select="AjaxRequest/HostName"/>
		<xsl:variable name="BrandID"  select="AjaxRequest/PortalChallengesListXML/BrandID"></xsl:variable>

		<xsl:if test="count($ChallengesList)!=0 and $Action!='GetFilteredPortalChallengeList'">
			<table width="100%">
				<tr>
					<td style="padding: 10px;">

						<Span class="packageTitle" style="vertical-align: center;">Challenge</Span>

						<input type="text" id="txtFilter_Project" style="width: 205px; margin-left: 5px; margin-right: 10px;" class="text"
                               onKeyPress="PortalChallengeFilter(event,'txtFilter_Project',
                                    'ddlFilter_Stage','{$ItemID}','divCompletedProjects');"></input>

						<Span class="packageTitle" style="vertical-align: center;">Stage</Span>
						<select class="smallDropdown" id="ddlFilter_Stage" style="margin-left: 5px;margin-right: 10px;"
								onChange="return PortalChallengeFilter(null,'txtFilter_Project',
											'ddlFilter_Stage','{$ItemID}','divCompletedProjects');">
							<option value="-1" selected="selected">Select</option>
							<xsl:for-each select="$ChallengesStatusListXML/ChallengeStatus">
								<xsl:variable name="ProjectStageID" select="CRMProjectStageID"/>
								<xsl:variable name="Stage" select="ProjectStage"/>
								<option value="{$ProjectStageID}">
									<xsl:value-of select="$Stage"/>
								</option>
							</xsl:for-each>
						</select>
					</td>
				</tr>
			</table>
		</xsl:if>

		<xsl:choose>
			<xsl:when test="$Action='GetFilteredPortalChallengeList'">
				<xsl:call-template name="ChallengeList">
					<xsl:with-param name="ChallengesList" select="$ChallengesList"></xsl:with-param>
					<xsl:with-param name="Action" select="$Action"/>
					<xsl:with-param name="ItemID" select="$ItemID"/>
					<xsl:with-param name="TemplateURL" select="$TemplateURL"/>
					<xsl:with-param name="BrandID"  select="$BrandID"></xsl:with-param>
					<xsl:with-param name="HostName" select="$HostName"/>
					<xsl:with-param name="ChallengesStatusListXML" select="$ChallengesStatusListXML"></xsl:with-param>
				</xsl:call-template>
			</xsl:when>
			<xsl:otherwise>
				<div id="divCompletedProjects">
					<xsl:call-template name="ChallengeList">
						<xsl:with-param name="ChallengesList" select="$ChallengesList"></xsl:with-param>
						<xsl:with-param name="Action" select="$Action"/>
						<xsl:with-param name="ItemID" select="$ItemID"/>
						<xsl:with-param name="TemplateURL" select="$TemplateURL"/>
						<xsl:with-param name="BrandID"  select="$BrandID"></xsl:with-param>
						<xsl:with-param name="HostName" select="$HostName"/>
						<xsl:with-param name="ChallengesStatusListXML" select="$ChallengesStatusListXML"></xsl:with-param>
					</xsl:call-template>
				</div>
			</xsl:otherwise>
		</xsl:choose>

	</xsl:template>

	<xsl:template name="ChallengeList">
		<xsl:param name="ChallengesList" select="'N/A'"></xsl:param>
		<xsl:param name="ItemID" select="'N/A'"></xsl:param>
		<xsl:param name="HostName" select="'N/A'"/>
		<xsl:param name="StageID" select="'N/A'"/>
		<xsl:param name="BrandID" select="'N/A'"></xsl:param>
		<xsl:param name="Action" select="'N/A'"/>
		<xsl:param name="TemplateURL" select="'N/A'"/>
		<xsl:param name="ChallengesStatusListXML" select="'N/A'"></xsl:param>

		<table class="tableMaster" cellpadding ="0" cellspacing ="2" width="100%">



			<xsl:for-each select ="$ChallengesStatusListXML/ChallengeStatus">
				<xsl:variable name="PStage" select="CRMProjectStageID"></xsl:variable>

				<tr>
					<td colspan="4">
						<xsl:if test="count(../../ChallengesXML/Challenges[ChallengeStatus=$PStage])!=0">
							<div>
								<div onclick="return expandCollapseByGroup('div_Projects_{normalize-space(ProjectStage)}')"
                                   class="onMouseOver seperatorLine packageTitle">
									<xsl:value-of select="ProjectStage"/>
									(<xsl:value-of select="count(../../ChallengesXML/Challenges[ChallengeStatus=$PStage])"/>)
								</div>
								<div id="div_Projects_{normalize-space(ProjectStage)}" style="margin-left:5px;display:block;">
									<xsl:for-each select="../../ChallengesXML/Challenges[ChallengeStatus=$PStage]">
										<xsl:variable name="ChallengeItemID" select="normalize-space(ItemID)"/>									


										<div id="divOpenProjects_{$ChallengeItemID}" name="collapsed" itemID="{$ChallengeItemID}">
											<itemExpansionStatus id="divOpenProjects_{$ChallengeItemID}_expansionStatus" status="collapsed"></itemExpansionStatus>

											<table width="100%">
												<tr>
													<td width="10%">
														<a href="http://{$HostName}/Challenge.aspx?ID={$ChallengeItemID}" target="_blank">
															<xsl:choose>
																<xsl:when test="ImageURL != ''">
																	<img class="verticallyMiddle onMouseOver"  src="{normalize-space(ImageURL)}"
																		 style="width:60px;height:60px;margin-left:0px;border:0px;" target="_blank"></img>
																</xsl:when>
																<xsl:otherwise>
																	<img class="verticallyMiddle onMouseOver"  src="{$TemplateURL}Web/Images/LifeSpace LLC.jpg"
																		 style="width:60px;height:60px;margin-left:0px;border:0px;" target="_blank"></img>
																</xsl:otherwise>
															</xsl:choose>

														</a>
													</td>
													<td id="td_challenge_{$ChallengeItemID}" width="50%" class="verticallyMiddle" >
														<span id="span_{$ChallengeItemID}_ProjectName">
															<a  href="http://{$HostName}/Challenge.aspx?ID={ItemID}" style="text-decoration:none;" target="_blank">
																<span id="projectName_{$ChallengeItemID}" class="labelGoalTitle">
																	<xsl:call-template name="break">
																		<xsl:with-param name="text" select="Item"></xsl:with-param>
																	</xsl:call-template>
																</span>
															</a>
														</span>
													</td>
													<td width="20%" class="verticallyMiddle">
														<span class="publicationSummary" style="margin-right:10px;">
															<div>
																<span class="packageTitle">Start : </span>
																<xsl:value-of select="StartDate"/>
															</div>
															<div>
																<span  class="packageTitle">End : </span>
																<xsl:value-of select="EndDate"/>
															</div>
															<div>
																<span  class="packageTitle">Join By: </span>
																<xsl:value-of select="JoinDate"/>
															</div>
														</span>
													</td>
												</tr>
											</table>

											<div id="divOpenProjects_{CRMProjectID}_detail_container" style="position:absolute;display:none;border: 1px solid black;padding: 5px;
                                                        background-color:#FFFFFF;visibility: visible;width:600px;"></div>
										</div>
									</xsl:for-each>
								</div>
							</div>
						</xsl:if>
					</td>
				</tr>
			</xsl:for-each>
			<xsl:if test="count($ChallengesList/Challenges) &gt; 0">
				<tr>
					<td colspan="4" style="text-align:center;">
						<div align="right">
							<div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10 marginTop10" style="width:150px;line-height:30px;"
							   onmouseover="document.getElementById('img_Add2_AddProject').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
							   onmouseout="document.getElementById('img_Add2_AddProject').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';"
							   onClick="return openCreateCustomGoalWizardStartPopup('{$ItemID}', 'Start', '', 'Custom', 'startchallenge','{$BrandID}');">
								<img id="img_Add2_AddProject" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle" style="padding-left:8px;" class="marginRight5"></img>
								<span id="span_Cancel" style="margin-right:10px;">
									ADD A CHALLENGE
								</span>
							</div>
						</div>
					</td>
				</tr>
			</xsl:if>


			<xsl:if test="count($ChallengesList/Challenges) &lt;= 0 and $Action != 'GetFilteredPortalChallengeList'">
				<tr>
					<td colspan="4" style="text-align:center;">
						<center>
							<div style="padding:15px;">
								<span class="packageTitle">There are no Challenges</span>
							</div>
							<div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10" style="width:150px;line-height:30px;"
							   onmouseover="document.getElementById('img_Add2_AddProject').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
							   onmouseout="document.getElementById('img_Add2_AddProject').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';"
							   onClick="return openCreateCustomGoalWizardStartPopup('{$ItemID}', 'Start', '', 'Custom', 'startchallenge','{$BrandID}');">
								<img id="img_Add2_AddProject" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle" style="padding-left:8px;" class="marginRight5"></img>
								<span id="span_Cancel">
									ADD A CHALLENGE
								</span>
							</div>
						</center>
					</td>
				</tr>
			</xsl:if>
		</table>
	</xsl:template>

</xsl:stylesheet>
