﻿<?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:import href="AddProgram.xslt"></xsl:import>
    <xsl:import href="WorkoutProgram.xslt"></xsl:import>
    <xsl:import href="WorkoutPrograms.xslt"></xsl:import>

    <xsl:output method="xml" indent="yes"/>
    <xsl:template match="/">
        <xsl:variable name="PortalItemID" select="AjaxRequest/Params/PortalItemID"/>
        <xsl:variable name="Origin" select="AjaxRequest/Params/Origin"/>
        <xsl:variable name="AccName" select="AjaxRequest/Params/AccName"/>
        <xsl:variable name="AccID" select="AjaxRequest/Params/AccID"/>
        <xsl:variable name="Mode" select="AjaxRequest/Params/Mode"/>
        <xsl:variable name="SelDate" select="AjaxRequest/Params/SelectedDate"/>
        <xsl:variable name="UserID" select="AjaxRequest/Params/UserID"></xsl:variable>
        <xsl:variable name="TemplatePathURL" select="AjaxRequest/TemplateURL"></xsl:variable>
        <xsl:variable name="DisplayName" select="AjaxRequest/Account/UserAccount/DisplayName"></xsl:variable>
        <xsl:variable name="TargetDiv" select="AjaxRequest/Params/TargetDiv"></xsl:variable>
        <xsl:variable name="SelectedDateFromCalender" select="AjaxRequest/Params/SelectedDate"></xsl:variable>
        <xsl:variable name="CommunityAdmin" select="AjaxRequest/UserRoles/Role[RoleName = 'Community Admin']"></xsl:variable>

        <xsl:variable name="display">
            <xsl:if test="$Mode='PlannerMode'">
                <xsl:text>height: 250px; overflow-x: scroll;</xsl:text>
            </xsl:if>
        </xsl:variable>


        <xsl:if test ="$Origin = 'Complete'">
            <div id="div_ProgramList_{$PortalItemID}" style="{$display}">
                <div id="div_ProgramList_{$PortalItemID}_Listing">
                    <table id="div_ProgramList_{$PortalItemID}_Content" cellpadding ="0" cellspacing ="2"
                           style="margin-left:10px;margin-right:10px;width:100%;">
                        <tbody id="div_ProgramList_{$PortalItemID}_Content_Body">
                            <xsl:if test ="$Mode != 'PlannerMode'">
                                <tr>
                                    <td colspan="3" style="padding: 10px;">
                                        <Span class="packageTitle" style="vertical-align: center;">Protocol</Span>
                                        <input id="txtPKey" type="text" class="text" style="width: 195px; margin-left: 5px; margin-right: 5px;"
                                                onKeyPress='program_TopBarFilter(
                                                        event, "txtPKey", "txtPClient", "txtPType", 
                                                        "ddlOwner", "div_ProgramList_{$PortalItemID}_Content_Data", "{$PortalItemID}","FilterProgramList","{$UserID}","{$AccName}","{$AccID}","{$TargetDiv}","{$Mode}");'></input>

                                        <Span class="label" style="vertical-align: center;display:none;">Client</Span>
                                        <input id="txtPClient" type="text" class="text" style="width: 75px;display:none; margin-left: 5px; margin-right: 5px;"
                                                onKeyPress='program_TopBarFilter(
                                                        event, "txtPKey", "txtPClient", "txtPType", 
                                                        "ddlOwner", "div_ProgramList_{$PortalItemID}_Content_Data", "{$PortalItemID}","FilterProgramList","{$UserID}","{$AccName}","{$AccID}","{$TargetDiv}","{$Mode}");'></input>

                                        <Span class="packageTitle" style="vertical-align: center;">Type</Span>
                                        <input id="txtPType" type="text" class="text" style="width: 75px; margin-left: 5px; margin-right: 5px;"
                                                onKeyPress='program_TopBarFilter(
                                                        event, "txtPKey", "txtPClient", "txtPType", 
                                                        "ddlOwner", "div_ProgramList_{$PortalItemID}_Content_Data", "{$PortalItemID}","FilterProgramList","{$UserID}","{$AccName}","{$AccID}","{$TargetDiv}","{$Mode}");'></input>

                                        <Span class="label" style="vertical-align: center;display:none;">Owner</Span>
                                        <select id="ddlOwner" class="smallDropdown" style="margin-left: 5px;display:none;"
                                                onChange='return program_TopBarFilter(
                                                        null, "txtPKey", "txtPClient", "txtPType", 
                                                        "ddlOwner", "div_ProgramList_{$PortalItemID}_Content_Data", "{$PortalItemID}","FilterProgramList","{$UserID}","{$AccName}","{$AccID}","{$TargetDiv}","{$Mode}");'>
                                            <option value="-99" selected="selected">
                                                Select Owner
                                            </option>
                                            <xsl:for-each select="AjaxRequest/AutoSuggest/Suggest">
                                                <option value="{ID}">
                                                    <xsl:value-of select="Name"/>
                                                </option>
                                            </xsl:for-each>
                                        </select>
                                    </td>
                                </tr>
                            </xsl:if>
                            <tr>
                                <td colspan="3">
                                    <div id="div_ProgramList_{$PortalItemID}_Content_Data">
                                        <xsl:call-template name="WorkOutPrograms">
                                            <xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
                                            <xsl:with-param name="FitnessXML" select="AjaxRequest/FitnessPrograms/."></xsl:with-param>
                                            <xsl:with-param name="Mode" select="$Mode"></xsl:with-param>
                                            <xsl:with-param name="SelDate" select="$SelDate"></xsl:with-param>
                                            <xsl:with-param name="AccName" select="$AccName"></xsl:with-param>
                                            <xsl:with-param name="AccID" select="$AccID"></xsl:with-param>
                                            <xsl:with-param name="TargetDiv" select="$TargetDiv"></xsl:with-param>
                                            <xsl:with-param name="TemplateURL" select="$TemplatePathURL"></xsl:with-param>
                                            <xsl:with-param name="SelectedDateFromCalender" select="$SelectedDateFromCalender"></xsl:with-param>
                                            <xsl:with-param name="CommunityAdmin" select="$CommunityAdmin"></xsl:with-param>
                                        </xsl:call-template>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div id="div_ProgramList_{$PortalItemID}_AddProgram" style="margin:10px;">
                        <div id="div_ProgramList_{$PortalItemID}_AddProgram_Control" style="margin:10px;display:block;">                            
                        </div>
                        <div id="div_ProgramList_{$PortalItemID}_AddProgram_Operations" style="display:none;padding:10px;width:100%">

                        </div>
                    </div>
                    <div id="div_{$PortalItemID}_AddWorkout" style="margin:10px;">
                        <div id="div_{$PortalItemID}_AddWorkout_Control" style="margin:10px;display:block;">
                        </div>
                        <div style="margin-top:60px;" id="div_AddCustomWorkout_{$PortalItemID}_Operations" targetDiv="div_{$PortalItemID}_AddWorkout_Operations">
                            <itemExpansionStatus id="div_AddCustomWorkout_{$PortalItemID}_Operations_expansionStatus" status="collapsed"></itemExpansionStatus>
                            <div id="div_{$PortalItemID}_AddWorkout_Operations"
                                 style="display:none;padding:10px;border:1px solid #C2C2C2;width:80%"  name="collapsed">

                            </div>
                        </div>
                    </div>
                </div>
                <div id="div_ProgramList_{$PortalItemID}_Operations" style="display:none">
                </div>
            </div>
        </xsl:if>
        <xsl:if test ="$Origin = 'FilterProgramList' or $Origin = 'Brand' or $Origin = 'ClientAccountDetail'">
            <div id="div_ProgramList_{$PortalItemID}_List">
                <xsl:if test ="$Origin = 'Brand'">
                    <div style="text-align:right;width:97%;">
                        <span class="packageTitle" onclick="client_GetClientWorkouts('{$TargetDiv}','{$PortalItemID}','{$UserID}','{$AccID}','Brand');">[X]</span>
                    </div>
                </xsl:if>
                <xsl:call-template name="WorkOutPrograms">
                    <xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>
                    <xsl:with-param name="FitnessXML" select="AjaxRequest/FitnessPrograms/."></xsl:with-param>
                    <xsl:with-param name="Mode" select="$Mode"></xsl:with-param>
                    <xsl:with-param name="SelDate" select="$SelDate"></xsl:with-param>
                    <xsl:with-param name="AccName" select="$AccName"></xsl:with-param>
                    <xsl:with-param name="AccID" select="$AccID"></xsl:with-param>
                    <xsl:with-param name="TargetDiv" select="$TargetDiv"></xsl:with-param>
                    <xsl:with-param name="TemplateURL" select="$TemplatePathURL"></xsl:with-param>
                    <xsl:with-param name="SelectedDateFromCalender" select="$SelectedDateFromCalender"></xsl:with-param>
                    <xsl:with-param name="CommunityAdmin" select="$CommunityAdmin"></xsl:with-param>
                </xsl:call-template>
            </div>

            <xsl:if test="$Mode != 'ProgramAdmin'">
                <div style='float:left;width:50px;' class='marginLeft10'>
                    <div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray" id="btnAddWorkout"
                         style="width:170px;line-height:30px;text-align:center;"
                         onmouseover="document.getElementById('img_AddCustomWorkout').src='{$TemplatePathURL}Web/Images/Ver_2_0/icon_add_over.png';"
                         onmouseout="document.getElementById('img_AddCustomWorkout').src='{$TemplatePathURL}Web/Images/Ver_2_0/icon_Add.png';"
                         onClick="return workoutTracker_AddCustom('0','{$AccID}','0','{$PortalItemID}','ClientAccount_Operations_Filters','{$SelectedDateFromCalender}');">
                        <img id="img_AddCustomWorkout" src="{$TemplatePathURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle" style="padding-left:8px;" class="marginRight5"></img>
                        <span id="span_Cancel">ADD CUSTOM WORKOUT</span>
                    </div>
                </div>
            </xsl:if>
            <xsl:if test ="$Origin = 'Brand' or $Origin = 'ClientAccountDetail'">
                <div id="div_ProgramList_{$PortalItemID}_Operations" style="display:none">
                </div>
            </xsl:if>
        </xsl:if>
    </xsl:template>



</xsl:stylesheet>
