﻿<?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="ThisPeriodKey" select="AjaxRequest/ThisPeriodKey"></xsl:variable>
        <xsl:variable name="LastPeriodKey" select="AjaxRequest/LastPeriodKey"></xsl:variable>
        <xsl:variable name="PortalItemID" select="AjaxRequest/Params/PortalID"></xsl:variable>
        <xsl:variable name="Action" select="AjaxRequest/Action"></xsl:variable>
        <xsl:variable name="TemplateURL" select="AjaxRequest/TemplateURL"></xsl:variable>
        <xsl:variable name="LeaderBoardDataXml" select="AjaxRequest/LeaderBoardData/."></xsl:variable>
        <xsl:variable name="LeaderBoardDataCount" select="count(AjaxRequest/LeaderBoardData/DefaultLeaderBoardData)"></xsl:variable>
        <xsl:variable name="Mode" select="AjaxRequest/Params/Mode"></xsl:variable>


        <xsl:choose>
            <xsl:when test="$Action = 'GetLeaderBoardFilteredData'">
                <xsl:call-template name="LeaderBoardData">
                    <xsl:with-param name="LeaderBoardDataXml" select="$LeaderBoardDataXml"></xsl:with-param>
                    <xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
                    <xsl:with-param name="LeaderBoardDataCount" select="$LeaderBoardDataCount"></xsl:with-param>
                    <xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
                    <xsl:with-param name="Mode" select="$Mode"></xsl:with-param>
                </xsl:call-template>
            </xsl:when>
            <xsl:when test="$Action = 'GetLeaderBoardBox'">
                <div id="div_{$PortalItemID}_LeaderBoard_Container">
                    <div id="div_LeaderBoardHeader">
                        <span class="labelGoalActionsText marginRight5">
                            Top
                        </span>
                        <select id="opt_Metrics_{$PortalItemID}" class="smallDropdown marginRight5"
                                onChange="loadLeaderBoardFilter('{$PortalItemID}','opt_Metrics_{$PortalItemID}','opt_PeriodKey_{$PortalItemID}','div_LeaderBoardData')">
                            <xsl:for-each select="AjaxRequest/PortalMetrics/Metrics">
                                <xsl:choose>
                                    <xsl:when test="DefaultYN = 1">
                                        <option value="{PortalMetricID}" selected="selected">
                                            <xsl:value-of select="MetricKey"/>
                                        </option>
                                    </xsl:when>
                                    <xsl:otherwise>
                                        <option value="{PortalMetricID}">
                                            <xsl:value-of select="MetricKey"/>
                                        </option>
                                    </xsl:otherwise>
                                </xsl:choose>

                            </xsl:for-each>
                        </select>
                        <span class="labelGoalActionsText marginRight5">
                            For
                        </span>
                        <select id="opt_PeriodKey_{$PortalItemID}" class="smallDropdown"
                                onChange="loadLeaderBoardFilter('{$PortalItemID}','opt_Metrics_{$PortalItemID}','opt_PeriodKey_{$PortalItemID}','div_LeaderBoardData')">
                            <option value="{$ThisPeriodKey}">
                                <xsl:value-of select="$ThisPeriodKey"/>
                            </option>
                            <option value="{$LastPeriodKey}">
                                <xsl:value-of select="$LastPeriodKey"/>
                            </option>
                        </select>
                    </div>

                    <div id="test">

                        <xsl:call-template name="LeaderBoardData">
                            <xsl:with-param name="LeaderBoardDataXml" select="$LeaderBoardDataXml"></xsl:with-param>
                            <xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
                            <xsl:with-param name="LeaderBoardDataCount" select="$LeaderBoardDataCount"></xsl:with-param>
                            <xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
                            <xsl:with-param name="Mode" select="$Mode"></xsl:with-param>
                        </xsl:call-template>
                    </div>
                </div>
            </xsl:when>
        </xsl:choose>
    </xsl:template>

    <xsl:template name="LeaderBoardData">
        <xsl:param name="LeaderBoardDataXml" select="'N/A'"></xsl:param>
        <xsl:param name="TemplateURL" select="'N/A'"></xsl:param>
        <xsl:param name="LeaderBoardDataCount" select="'N/A'"></xsl:param>
        <xsl:param name="PortalItemID" select="'N/A'"></xsl:param>
        <xsl:param name="Mode" select="'N/A'"></xsl:param>

        <div id="div_LeaderBoardData" class="marginTop20">
            <table class="tableMaster" cellspacing="2">
                <xsl:if test="$LeaderBoardDataCount &gt; 0">
                    <tr>
                        <td width="15%" class="textCenter">
                            <span class="mediumUserName">Position</span>
                        </td>
                        <td width="40%">
                            <span class="mediumUserName">Employee</span>
                        </td>
                        <td width="25%" class="textRight">
                            <span class="mediumUserName">Amount</span>
                        </td>
                        <td width="20%" class="textRight">
                            <span class="mediumUserName">Through</span>
                        </td>
                    </tr>
                </xsl:if>
                <xsl:for-each select="$LeaderBoardDataXml/DefaultLeaderBoardData[not(position() > 10)]">
                    <tr>
                        <td class="textCenter verticallyMiddle">
                            <span class="userNameInDetail textCenter">
                                <div>
                                    <xsl:value-of select="position()"/>
                                </div>
                            </span>
                        </td>
                        <td class="verticallyMiddle">
                            <table class="tableMaster">
                                <tr>
                                    <td width="5%">
                                        <span>
                                            <xsl:choose>
                                                <xsl:when test="FbPicURL != ''">
                                                    <img src="{FbPicURL}" height="35" width="35"></img>
                                                </xsl:when>
                                                <xsl:otherwise>
                                                    <img src="{$TemplateURL}Web/Images/Ver_2_0/DefaultUserPic.jpg" height="35" width="35"></img>
                                                </xsl:otherwise>
                                            </xsl:choose>
                                        </span>
                                    </td>
                                    <td width="95%" class="verticallyMiddle">
                                        <span class="userName13 onMouseOver sentenceFont"
                                              onclick="LoadEmployeeDetail('{UserID}','divClientPortalOperations_Container','{$PortalItemID}')">
                                            <xsl:value-of select="DisplayName"/>
                                        </span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td class="verticallyMiddle textRight">
                            <span class="userName13">
                                <span>
                                    <xsl:if test="NumberFormat = '$'">
                                        <xsl:value-of select="NumberFormat"/>
                                    </xsl:if>
                                </span>
                                <span>
                                    <xsl:value-of select="format-number(TotalAmount, '###,###')"/>
                                </span>
                            </span>
                        </td>
                        <td class="textRight verticallyMiddle">
                            <span class="userName13">
                                <xsl:value-of select="PeriodKey"/>
                            </span>
                        </td>
                    </tr>
                </xsl:for-each>
            </table>
            <xsl:if test="$LeaderBoardDataCount &gt; 10">
                <div id="div_More" align="right" class="userName"
                     onclick="displayAllLeaderBoardData('div_LeaderBoardData_Hidden');">more...</div>
            </xsl:if>
        </div>

        <div id="div_LeaderBoardData_Hidden" style="display:none;">
            <table class="tableMaster" cellspacing="2">

                <xsl:for-each select="$LeaderBoardDataXml/DefaultLeaderBoardData[(position() > 10)]">
                    <tr>
                        <td width="15%" class="textCenter verticallyMiddle">
                            <span class="userNameInDetail textCenter">
                                <div>
                                    <xsl:value-of select="position() + 10"/>
                                </div>
                            </span>
                        </td>
                        <td width="40%" class="verticallyMiddle">
                            <table class="tableMaster">
                                <tr>
                                    <td width="5%">
                                        <span>
                                            <xsl:choose>
                                                <xsl:when test="FbPicURL != ''">
                                                    <img src="{FbPicURL}" height="35" width="35"></img>
                                                </xsl:when>
                                                <xsl:otherwise>
                                                    <img src="{$TemplateURL}Web/Images/Ver_2_0/DefaultUserPic.jpg" height="35" width="35"></img>
                                                </xsl:otherwise>
                                            </xsl:choose>
                                        </span>
                                    </td>
                                    <td width="95%" class="verticallyMiddle">
                                        <span class="userName13 sentenceFont onMouseOver"
                                              onclick="LoadEmployeeDetail('{UserID}','divClientPortalOperations_Container','{$PortalItemID}')">
                                            <xsl:value-of select="DisplayName"/>
                                        </span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td width="25%" class="verticallyMiddle textRight">
                            <span class="userName13">
                                <span>
                                    <xsl:value-of select="NumberFormat"/>
                                </span>
                                <span>
                                    <xsl:value-of select="format-number(TotalAmount, '###,###')"/>
                                </span>
                            </span>
                        </td>
                        <td width="20%" class="textRight verticallyMiddle">
                            <span class="userName13">
                                <xsl:value-of select="PeriodKey"/>
                            </span>
                        </td>
                    </tr>
                </xsl:for-each>
            </table>
        </div>

    </xsl:template>
</xsl:stylesheet>
