﻿<?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/AutoSuggestUsers.xslt"/>

    <xsl:template match="/">
        <xsl:variable name="TemplatePathURL" select="normalize-space(AjaxRequest/TemplateURL)"/>
        <xsl:variable name="TemplateID" select="normalize-space(AjaxRequest/Params/TemplateID)"/>
        <xsl:variable name="SourcePage" select="normalize-space(/AjaxRequest/Params/SourcePage)"></xsl:variable>
        <xsl:variable name="SourceItemID">
            <xsl:choose>
                <xsl:when test="AjaxRequest/Params/SourceItemID and AjaxRequest/Params/SourceItemID != ''">
                    <xsl:value-of select="normalize-space(AjaxRequest/Params/SourceItemID)"/>
                </xsl:when>
                <xsl:otherwise>
                    <xsl:number value="-1"/>
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>
        <xsl:variable name="OwnerID">
            <xsl:choose>
                <xsl:when test="count(AjaxRequest/Roles/Role[Name = 'OwnerID']) &gt; 0">
                    <xsl:value-of select="normalize-space(AjaxRequest/Roles/Role[Name = 'OwnerID']/ID)"/>
                </xsl:when>
                <xsl:otherwise>
                    <xsl:number value ="-1"/>
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>
        <xsl:variable name="CommunityAdmin" select="AjaxRequest/UserRoles/Role/RoleName"></xsl:variable>


        <xsl:if test="normalize-space(/AjaxRequest/Params/SourcePage) = 'PlanPage' ">
            <div id="div_CreateGoal" style="border: 2px solid rgb(56, 93, 138); padding:10px; margin:10px;">
                <div id="div_CreateGoal_close" align="right" style="display:none;">
                    <span onclick='CloseCreateGoal("div_CreateGoal");' class="link">[ X ]</span>
                </div>
                <div>
                    <table class="tableMaster">
                        <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'TemplateName']">
                            <tr>
                                <td style="width: 20%;">
                                    <span class="labelFormFields">Goal Name</span>
                                </td>
                                <td>
                                    <input id="txt_Item_{$TemplateID}_Title"
                                           type="text" value="{normalize-space(Item)}" class="text"
                                           tabindex="1" maxlength="50"/>
                                </td>
                                <td>
                                    <span id ="span_item_{$TemplateID}_ErrorMessage"
                                          class="labelError" style="display:none;">*</span>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 20%;">
                                    <span class="labelFormFields">Description</span>
                                </td>
                                <td>
                                    <textarea id="txt_Item_{$TemplateID}_Description"
                                           class="textArea"
                                           rows="2" tabindex="2">
                                        <xsl:value-of select="normalize-space(Description)"/>
                                    </textarea>
                                </td>
                                <td>
                                    <span id ="span_item_{$TemplateID}_ErrorMessage"
                                          class="labelError" style="display:none;">*</span>
                                </td>
                            </tr>
                        </xsl:for-each>

                        <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'SuccessKey']">
                            <xsl:variable name="DisplayDivKey">
                                <xsl:choose>
                                    <xsl:when test ="Item = 'Number'">
                                        <xsl:text>display:block</xsl:text>
                                    </xsl:when>
                                    <xsl:otherwise>
                                        <xsl:text>display:none</xsl:text>
                                    </xsl:otherwise>
                                </xsl:choose>
                            </xsl:variable>
                            <tr>
                                <td style="width: 20%;">
                                    <span class="labelFormFields">Measure Success</span>
                                </td>
                                <td>
                                    <select id ="opt_Item_{$TemplateID}_Success" name="lifespace" class="smallDropdownSuccess"
                                            onchange='setSuccessKeyDisplay("opt_Item_{$TemplateID}_Success", "div_{$TemplateID}_DisplayNumbers");'>
                                        <xsl:choose>
                                            <xsl:when test ="Item = 'Number'">
                                                <option value="Action">Completing Actions</option>
                                                <option value="Number" selected="selected">By Numbers and Metrics</option>
                                            </xsl:when>
                                            <xsl:otherwise>
                                                <option value="Action" selected="selected">Completing Actions</option>
                                                <option value="Number">By Numbers and Metrics</option>
                                            </xsl:otherwise>
                                        </xsl:choose>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div id="div_{$TemplateID}_DisplayNumbers" style="{$DisplayDivKey};margin-left:-3px;">
                                        <table class="tableMaster">
                                            <tr>
                                                <td style="width: 20%;">
                                                    <span class="labelFormFields">Target</span>
                                                </td>
                                                <td>
                                                    <span>
                                                        <select id ="opt_Item_{$TemplateID}_DisplayNumbers" name="lifespace" class="smallDropdown">
                                                            <option value="TotalAbove" selected="selected">Total Above</option>
                                                            <option value="PeriodAbove">Monthly Above</option>
                                                            <option value="PeriodBelow">Monthly Below</option>
                                                        </select>
                                                    </span>&#xa0;<span>
                                                        <select id ="opt_Item_{$TemplateID}_NumberFormat" style="width:50px"
                                                                name="lifespace" class="smallDropdown"
                                                                onChange='setSuccessFormat("opt_Item_{$TemplateID}_NumberFormat","txt_Item_{$TemplateID}_StartFormat");'>
                                                            <option value="$" selected="selected">$</option>
                                                            <option value="#">#</option>
                                                        </select>
                                                    </span>&#xa0;
                                                    <span>
                                                        <input id="txt_Item_{$TemplateID}_TargetAmount" type="text"
                                                               value ="Amount" class="autoSuggest" style="width:75px;"
                                                               onFocus='return SuccessKey_ClearAutoSuggestTextbox("txt_Item_{$TemplateID}_TargetAmount");'/>
                                                    </span>&#xa0;
                                                    <span>
                                                        <input id="txt_Item_{$TemplateID}_TargetWhat" type="text"
                                                               value ="of what?" class="autoSuggest" style="width:75px;"
                                                               onFocus='return SuccessKey_ClearAutoSuggestTextbox("txt_Item_{$TemplateID}_TargetWhat");'
                                                               onBlur='SetTargetText("txt_Item_{$TemplateID}_TargetWhat", "txt_Item_{$TemplateID}_StartWhat");'/>
                                                    </span>&#xa0;
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 20%;">
                                                    <span class="labelFormFields">Starting With</span>
                                                </td>
                                                <td>
                                                    <span class="text" id="txt_Item_{$TemplateID}_StartFormat">
                                                        $
                                                    </span>&#xa0;
                                                    <span>
                                                        <input id="txt_Item_{$TemplateID}_StartAmount" type="text"
                                                               value ="0.0" class="text" style="width:75px;"/>
                                                    </span>&#xa0;
                                                    <span class="text" id="txt_Item_{$TemplateID}_StartWhat">
                                                    </span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 20%;">
                                                    <span class="labelFormFields">Track Amount</span>
                                                </td>
                                                <td>
                                                    <select id ="opt_Item_{$TemplateID}_TrackAmount"
                                                            onChange="goal_ChangeTargetAmountOption('opt_Item_{$TemplateID}_TrackAmount','opt_Item_{$TemplateID}_DisplayNumbers');"
                                                            name="lifespace" class="smallDropdown">
                                                        <option value="Daily" >Daily</option>
                                                        <option value="Weekly" >Weekly</option>
                                                        <option value="Monthly" selected="selected">Monthly</option>
                                                        <option value="Quaterly">Quaterly</option>
                                                        <option value="Annually">Annually</option>
                                                    </select>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 20%;">
                                                    <span class="labelFormFields">Update Metrics</span>
                                                </td>
                                                <td>
                                                    <select id ="opt_Item_{$TemplateID}_UpdateMetrics" name="lifespace" class="smallDropdown">
                                                        <option value="Daily" >Daily</option>
                                                        <option value="Weekly" selected="selected">Weekly</option>
                                                        <option value="Monthly">Monthly</option>
                                                        <option value="Quaterly">Quaterly</option>
                                                        <option value="Annually">Annually</option>
                                                    </select>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </td>
                            </tr>
                        </xsl:for-each>

                        <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'Variable']">
                            <tr>
                                <td style="width: 20%;">
                                    <span class="labelFormFields">
                                        <xsl:value-of select="normalize-space(Item)"/>
                                    </span>
                                </td>
                                <td>
                                    <xsl:choose>
                                        <xsl:when test="normalize-space(Setting1) = 'Date'">
                                            <input id="txt_Variable_{normalize-space(TemplateDetailID)}"
                                                   type="text" onblur="checkdate(this)" class="date" value ="" />
                                            <img id="img_Item_{normalize-space(TemplateDetailID)}_Date"
                                                 src="{normalize-space($TemplatePathURL)}Web/Images/CalendarIcon.gif"
                                                 style="margin-left: 4px;"
                                                 onclick='dp(
                                                        "txt_Variable_{normalize-space(TemplateDetailID)}", 
                                                        "img_Item_{normalize-space(TemplateDetailID)}_Date");'></img>
                                        </xsl:when>
                                        <xsl:otherwise>
                                            <input id="txt_Variable_{normalize-space(TemplateDetailID)}"
                                                   type="text" class="text" />
                                        </xsl:otherwise>
                                    </xsl:choose>
                                </td>
                                <td>
                                    <span id="txt_Variable_{normalize-space(TemplateDetailID)}_ErrorMessage" class="labelError"
                                          style="display:none;">*</span>
                                </td>
                            </tr>
                        </xsl:for-each>

                        <!--Creating Xml of Variables and Correspondng Control IDs-->
                        <xsl:variable name="Variables">
                            <xsl:text disable-output-escaping="yes">&lt;Variables&gt;</xsl:text>
                            <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'Variable']">
                                <xsl:text disable-output-escaping="yes">&lt;Variable&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;Name&gt;</xsl:text>
                                <xsl:value-of select="normalize-space(UniqueKey)"/>
                                <xsl:text disable-output-escaping="yes">&lt;/Name&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;ControlID&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">txt_Variable_</xsl:text>
                                <xsl:value-of select="normalize-space(TemplateDetailID)" disable-output-escaping="yes"/>
                                <xsl:text disable-output-escaping="yes">&lt;/ControlID&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;/Variable&gt;</xsl:text>
                            </xsl:for-each>
                            <xsl:text disable-output-escaping="yes">&lt;/Variables&gt;</xsl:text>
                        </xsl:variable>

                        <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'Role']">
                            <xsl:variable name="RoleName" select="normalize-space(UniqueKey)"></xsl:variable>
                            <tr>
                                <td style="width: 20%;">
                                    <span class="labelFormFields">
                                        <xsl:value-of select="normalize-space(Item)"/>
                                    </span>
                                </td>
                                <td colspan="2">
                                    <div  id="div_item_{normalize-space(TemplateDetailID)}">
                                        <select id="ddl_Item_{normalize-space(TemplateDetailID)}_Sibling_Users"
                                                onchange="return showHideAutoSuggest(
                                                                    '{normalize-space(TemplateDetailID)}', 
                                                                    this)"
                                                name="responsible" class="smallDropdown" tabindex="{normalize-space(TemplateDetailID)}">

                                            <xsl:variable name="RoleID" select="normalize-space(../../Roles/Role[normalize-space(Name) = $RoleName]/ID)"></xsl:variable>

                                            <xsl:choose>
                                                <xsl:when test="count(../../Roles/Role[normalize-space(Name) = $RoleName]) &gt; 0">
                                                    <option value="{normalize-space(../../Roles/Role[normalize-space(Name) = $RoleName]/ID)}" selected="selected">
                                                        <xsl:value-of select="normalize-space(../../Roles/Role[normalize-space(Name) = $RoleName]/DisplayName)"/>
                                                    </option>
                                                </xsl:when>
                                                <xsl:when test="Setting2Name">
                                                    <option value="{normalize-space(Setting2)}" selected="selected">
                                                        <xsl:value-of select="normalize-space(Setting2Name)"/>
                                                    </option>
                                                </xsl:when>
                                            </xsl:choose>



                                            <xsl:choose>
                                                <xsl:when test="(UniqueKey = 'Coach' and $SourcePage != 'ClientPortalNewProject')">
                                                    <xsl:variable name ="CoachName" select="Setting2Name"></xsl:variable>
                                                    <xsl:for-each select="../../Permissions/Local/Permission[AuthorizedName != $CoachName or not($CoachName)]">
                                                        <option value="{AuthorizedID}">
                                                            <xsl:value-of select="normalize-space(AuthorizedName)"/>
                                                        </option>
                                                    </xsl:for-each>
                                                </xsl:when>
                                            </xsl:choose>

                                            <xsl:if test="UniqueKey = 'Responsible' 
                                                    and ($RoleID != normalize-space(../../UserInfo/UserID))
                                                    and (normalize-space(Setting2) != normalize-space(../../UserInfo/UserID))">
                                                <option value="{../../UserInfo/UserID}" selected="selected">
                                                    <xsl:value-of select="normalize-space(../../UserInfo/UserFirstName)"/>
                                                </option>
                                            </xsl:if>
                                        </select>
                                        &#xa0;
                                        <xsl:call-template name="AutoSuggestUsers">
                                            <xsl:with-param name="goalID" select="$TemplateID"></xsl:with-param>
                                            <xsl:with-param name="taskID" select="TemplateDetailID"></xsl:with-param>
                                            <xsl:with-param name="origin" select="'NewTask'"></xsl:with-param>
                                        </xsl:call-template>
                                    </div>
                                </td>
                            </tr>
                            <!--<tr>
                            <td style="width: 20%;">

                            </td>
                            <td colspan="2">
                                <div style="margin-top: -10px;margin-bottom: 8px;">
                                    <xsl:call-template name="AutoSuggestUsers">
                                        <xsl:with-param name="goalID" select="$TemplateID"></xsl:with-param>
                                        <xsl:with-param name="taskID" select="normalize-space(TemplateDetailID)"></xsl:with-param>
                                        <xsl:with-param name="origin" select="'DynamicAutoSuggest'"></xsl:with-param>
                                    </xsl:call-template>
                                </div>
                            </td>
                        </tr>-->
                        </xsl:for-each>

                        <!--Creating XML for Rols-->
                        <xsl:variable name="Roles">
                            <xsl:text disable-output-escaping="yes">&lt;Roles&gt;</xsl:text>
                            <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'Role']">
                                <xsl:text disable-output-escaping="yes">&lt;Role&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;Name&gt;</xsl:text>
                                <xsl:value-of select="normalize-space(UniqueKey)"/>
                                <xsl:text disable-output-escaping="yes">&lt;/Name></xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;ControlID&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">ddl_Item_</xsl:text>
                                <xsl:value-of select="normalize-space(TemplateDetailID)"/>
                                <xsl:text disable-output-escaping="yes">_Sibling_Users</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;/ControlID&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;/Role&gt;</xsl:text>
                            </xsl:for-each>
                            <xsl:text disable-output-escaping="yes">&lt;/Roles&gt;</xsl:text>
                        </xsl:variable>
                        <tr>
                            <td style="width: 20%;">
                                <span class="labelFormFields">LifeSpace</span>
                            </td>
                            <td>
                                <select id="ddl_Item_LifeSpaces"
                                                name="LifeSpaces" class="smallDropdown">

                                    <xsl:if test="AjaxRequest/DynamicGoal/LifeSpaceID = 0">
                                        <option value="0" selected="selected">
                                            <xsl:text></xsl:text>
                                        </option>
                                    </xsl:if>
                                    <xsl:for-each select="AjaxRequest/LifeSpace/Item">
                                        <xsl:if test="../../DynamicGoal/LifeSpaceID &gt; 0">
                                            <xsl:if test="../../DynamicGoal/LifeSpaceID = ID">
                                                <option value="{ID}" selected="selected">
                                                    <xsl:value-of select="normalize-space(Name)"/>
                                                </option>
                                            </xsl:if>
                                            <xsl:if test="../../DynamicGoal/LifeSpaceID != ID">
                                                <option value="{ID}">
                                                    <xsl:value-of select="normalize-space(Name)"/>
                                                </option>
                                            </xsl:if>
                                        </xsl:if>
                                        <xsl:if test="../../DynamicGoal/LifeSpaceID = 0">
                                            <option value="{ID}">
                                                <xsl:value-of select="normalize-space(Name)"/>
                                            </option>
                                        </xsl:if>
                                    </xsl:for-each>
                                </select>
                            </td>
                            <td>
                                <span id="ddl_Item_LifeSpaces_ErrorMessage" class="labelError"
                                         style="display:none;">*</span>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3"></td>
                        </tr>
                        <tr>
                            <td>
                                <input type="hidden" id="Template_{normalize-space($TemplateID)}_HiddenRolesXml" value="{normalize-space($Roles)}"></input>
                                <input type="hidden" id="Template_{normalize-space($TemplateID)}_HiddenVariablesXml" value="{normalize-space($Variables)}"></input>
                                <input type="button" class="button"
                                       onclick='return Goal_CreateDynamicGoal(
                                       "opt_Item_{$TemplateID}_UpdateMetrics",
                                        "opt_Item_{$TemplateID}_TrackAmount",
                                        "txt_Item_{$TemplateID}_StartAmount",
                                        "txt_Item_{$TemplateID}_TargetWhat",
                                        "txt_Item_{$TemplateID}_TargetAmount",
                                        "opt_Item_{$TemplateID}_NumberFormat",
                                        "opt_Item_{$TemplateID}_DisplayNumbers",
                                       "opt_Item_{$TemplateID}_Success",
                                             "{$TemplateID}", 
                                             "txt_Item_{$TemplateID}_Title",
                                             "txt_Item_{$TemplateID}_Description",
                                             "Template_{normalize-space($TemplateID)}_HiddenRolesXml", 
                                             "Template_{normalize-space($TemplateID)}_HiddenVariablesXml", 
                                             "divOperations", 
                                             "{normalize-space(AjaxRequest/DynamicGoal/LifeSpaceID)}", 
                                             "span_item_{$TemplateID}_ErrorMessage",
                                             "ddl_Item_LifeSpaces",
                                             "{/AjaxRequest/Params/SourcePage}",{$OwnerID},{$SourceItemID},"","");'
                                       value="Create Goal" tabindex="7"></input>
                            </td>
                            <td colspan="2">
                                <input type="button" class="button"
                                       onclick='return CloseCreateGoal("div_CreateGoal")'
                                       value="Cancel" tabindex="8"></input>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </xsl:if>

        <xsl:if test="normalize-space(/AjaxRequest/Params/SourcePage) != 'PlanPage' ">
            <div id="div_CreateGoal">
                <div id="div_CreateGoal_close" align="right" style="display:none;">
                    <span onclick='CloseCreateGoal("div_CreateGoal");' class="link">[ X ]</span>
                </div>
                <div>
                    <table class="tableMaster">
                        <xsl:if test ="normalize-space(/AjaxRequest/Params/SourcePage) = 'ClientPortalNewProject'">
                            <tr>
                                <td colspan="3">
                                    <span class="label" style="font-style:italic; font-weight: bold;">
                                        To create a new goal from a template, please complete the form below:
                                    </span>
                                </td>
                            </tr>
                        </xsl:if>
                        <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'TemplateName']">
                            <tr>
                                <td style="width: 20%;">
                                    <span class="labelFormFields">Goal Name</span>
                                </td>
                                <td>
                                    <input id="txt_Item_{$TemplateID}_Title"
                                           type="text" value="{normalize-space(Item)}" class="text"
                                           tabindex="1" maxlength="50"/>
                                </td>
                                <td>
                                    <span id ="span_item_{$TemplateID}_ErrorMessage"
                                          class="labelError" style="display:none;">*</span>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 20%;">
                                    <span class="labelFormFields">Description</span>
                                </td>
                                <td>
                                    <textarea id="txt_Item_{$TemplateID}_Description"
                                           class="textArea"
                                           rows="2" tabindex="2">
                                        <xsl:value-of select="normalize-space(Description)"/>
                                    </textarea>
                                </td>
                                <td>
                                    <span id ="span_item_{$TemplateID}_ErrorMessage"
                                          class="labelError" style="display:none;">*</span>
                                </td>
                            </tr>
                        </xsl:for-each>

                        <xsl:if test ="$CommunityAdmin = 'Community Admin'">
                            <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'SuccessKey']">
                                <xsl:variable name="DisplayDivKey">
                                    <xsl:choose>
                                        <xsl:when test ="Item = 'Number'">
                                            <xsl:text>display:block</xsl:text>
                                        </xsl:when>
                                        <xsl:otherwise>
                                            <xsl:text>display:none</xsl:text>
                                        </xsl:otherwise>
                                    </xsl:choose>
                                </xsl:variable>
                                <tr>
                                    <td style="width: 20%;">
                                        <span class="labelFormFields">Measure Success</span>
                                    </td>
                                    <td>
                                        <select id ="opt_Item_{$TemplateID}_Success" name="lifespace" class="smallDropdownSuccess"
                                                onchange='setSuccessKeyDisplay("opt_Item_{$TemplateID}_Success", "div_{$TemplateID}_DisplayNumbers");'>
                                            <xsl:choose>
                                                <xsl:when test ="Item = 'Number'">
                                                    <option value="Action">Completing Actions</option>
                                                    <option value="Number" selected="selected">By Numbers and Metrics</option>
                                                </xsl:when>
                                                <xsl:otherwise>
                                                    <option value="Action" selected="selected">Completing Actions</option>
                                                    <option value="Number">By Numbers and Metrics</option>
                                                </xsl:otherwise>
                                            </xsl:choose>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <div id="div_{$TemplateID}_DisplayNumbers" style="{$DisplayDivKey};margin-left:-3px;">
                                            <table class="tableMaster">
                                                <tr>
                                                    <td style="width: 20%;">
                                                        <span class="labelFormFields">Target</span>
                                                    </td>
                                                    <td>
                                                        <span>
                                                            <select id ="opt_Item_{$TemplateID}_DisplayNumbers" name="lifespace" class="smallDropdown">
                                                                <option value="TotalAbove" selected="selected">Total Above</option>
                                                                <option value="PeriodAbove">Monthly Above</option>
                                                                <option value="PeriodBelow">Monthly Below</option>
                                                            </select>
                                                        </span>&#xa0;<span>
                                                            <select id ="opt_Item_{$TemplateID}_NumberFormat" style="width:50px"
                                                                    name="lifespace" class="smallDropdown"
                                                                    onChange='setSuccessFormat("opt_Item_{$TemplateID}_NumberFormat","txt_Item_{$TemplateID}_StartFormat");'>
                                                                <option value="$" selected="selected">$</option>
                                                                <option value="#">#</option>
                                                            </select>
                                                        </span>&#xa0;
                                                        <span>
                                                            <input id="txt_Item_{$TemplateID}_TargetAmount" type="text"
                                                                   value ="Amount" class="autoSuggest" style="width:75px;"
                                                                   onFocus='return SuccessKey_ClearAutoSuggestTextbox("txt_Item_{$TemplateID}_TargetAmount");'/>
                                                        </span>&#xa0;
                                                        <span>
                                                            <input id="txt_Item_{$TemplateID}_TargetWhat" type="text"
                                                                   value ="of what?" class="autoSuggest" style="width:75px;"
                                                                   onFocus='return SuccessKey_ClearAutoSuggestTextbox("txt_Item_{$TemplateID}_TargetWhat");'
                                                                   onBlur='SetTargetText("txt_Item_{$TemplateID}_TargetWhat", "txt_Item_{$TemplateID}_StartWhat");'/>
                                                        </span>&#xa0;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 20%;">
                                                        <span class="labelFormFields">Starting With</span>
                                                    </td>
                                                    <td>
                                                        <span class="text" id="txt_Item_{$TemplateID}_StartFormat">
                                                            $
                                                        </span>&#xa0;
                                                        <span>
                                                            <input id="txt_Item_{$TemplateID}_StartAmount" type="text"
                                                                   value ="0.0" class="text" style="width:75px;"/>
                                                        </span>&#xa0;
                                                        <span class="text" id="txt_Item_{$TemplateID}_StartWhat">
                                                        </span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 20%;">
                                                        <span class="labelFormFields">Track Amount</span>
                                                    </td>
                                                    <td>
                                                        <select id ="opt_Item_{$TemplateID}_TrackAmount"
                                                                onChange="goal_ChangeTargetAmountOption('opt_Item_{$TemplateID}_TrackAmount','opt_Item_{$TemplateID}_DisplayNumbers');"
                                                                name="lifespace" class="smallDropdown">
                                                            <option value="Daily" >Daily</option>
                                                            <option value="Weekly" >Weekly</option>
                                                            <option value="Monthly" selected="selected">Monthly</option>
                                                            <option value="Quaterly">Quaterly</option>
                                                            <option value="Annually">Annually</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 20%;">
                                                        <span class="labelFormFields">Update Metrics</span>
                                                    </td>
                                                    <td>
                                                        <select id ="opt_Item_{$TemplateID}_UpdateMetrics" name="lifespace" class="smallDropdown">
                                                            <option value="Daily" >Daily</option>
                                                            <option value="Weekly" selected="selected">Weekly</option>
                                                            <option value="Monthly">Monthly</option>
                                                            <option value="Quaterly">Quaterly</option>
                                                            <option value="Annually">Annually</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                            </xsl:for-each>
                        </xsl:if>

                        <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'Variable']">
                            <tr>
                                <td style="width: 20%;">
                                    <span class="labelFormFields">
                                        <xsl:value-of select="normalize-space(Item)"/>
                                    </span>
                                </td>
                                <td>
                                    <xsl:choose>
                                        <xsl:when test="normalize-space(Setting1) = 'Date'">
                                            <input id="txt_Variable_{normalize-space(TemplateDetailID)}"
                                                   type="text" onblur="checkdate(this)" class="date" value ="" />
                                            <img id="img_Item_{normalize-space(TemplateDetailID)}_Date"
                                                 src="{normalize-space($TemplatePathURL)}Web/Images/CalendarIcon.gif"
                                                 style="margin-left: 4px;"
                                                 onclick='dp(
                                                        "txt_Variable_{normalize-space(TemplateDetailID)}", 
                                                        "img_Item_{normalize-space(TemplateDetailID)}_Date");'></img>
                                        </xsl:when>
                                        <xsl:otherwise>
                                            <input id="txt_Variable_{normalize-space(TemplateDetailID)}"
                                                   type="text" class="text" />
                                        </xsl:otherwise>
                                    </xsl:choose>
                                </td>
                                <td>
                                    <span id="txt_Variable_{normalize-space(TemplateDetailID)}_ErrorMessage" class="labelError"
                                          style="display:none;">*</span>
                                </td>
                            </tr>
                        </xsl:for-each>

                        <!--Creating Xml of Variables and Correspondng Control IDs-->
                        <xsl:variable name="Variables">
                            <xsl:text disable-output-escaping="yes">&lt;Variables&gt;</xsl:text>
                            <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'Variable']">
                                <xsl:text disable-output-escaping="yes">&lt;Variable&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;Name&gt;</xsl:text>
                                <xsl:value-of select="normalize-space(UniqueKey)"/>
                                <xsl:text disable-output-escaping="yes">&lt;/Name&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;ControlID&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">txt_Variable_</xsl:text>
                                <xsl:value-of select="normalize-space(TemplateDetailID)" disable-output-escaping="yes"/>
                                <xsl:text disable-output-escaping="yes">&lt;/ControlID&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;/Variable&gt;</xsl:text>
                            </xsl:for-each>
                            <xsl:text disable-output-escaping="yes">&lt;/Variables&gt;</xsl:text>
                        </xsl:variable>

                        <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'Role']">
                            <xsl:variable name="RoleName" select="normalize-space(UniqueKey)"></xsl:variable>
                            <tr>
                                <td style="width: 20%;">
                                    <span class="labelFormFields">
                                        <xsl:value-of select="normalize-space(Item)"/>
                                    </span>
                                </td>
                                <td colspan="2">
                                    <div  id="div_item_{normalize-space(TemplateDetailID)}">

                                        <xsl:variable name="RoleID" select="normalize-space(../../Roles/Role[normalize-space(Name) = $RoleName]/ID)"></xsl:variable>

                                        <select id="ddl_Item_{normalize-space(TemplateDetailID)}_Sibling_Users"
                                                onchange="return showHideAutoSuggest(
                                                                    '{normalize-space(TemplateDetailID)}', 
                                                                    this)"
                                                name="responsible" class="smallDropdown" tabindex="{normalize-space(TemplateDetailID)}">

                                            <xsl:choose>
                                                <xsl:when test="count(../../Roles/Role[normalize-space(Name) = $RoleName]) &gt; 0">
                                                    <option value="{normalize-space(../../Roles/Role[normalize-space(Name) = $RoleName]/ID)}" selected="selected">
                                                        <xsl:value-of select="normalize-space(../../Roles/Role[normalize-space(Name) = $RoleName]/DisplayName)"/>
                                                    </option>
                                                </xsl:when>
                                                <xsl:when test="Setting2Name">
                                                    <option value="{normalize-space(Setting2)}" selected="selected">
                                                        <xsl:value-of select="normalize-space(Setting2Name)"/>
                                                    </option>
                                                </xsl:when>
                                            </xsl:choose>

                                            <xsl:choose>
                                                <xsl:when test="UniqueKey = 'Coach' and $SourcePage = 'ClientPortalNewProject'">
                                                    <xsl:variable name ="CoachName" select="Setting2Name"></xsl:variable>
                                                    <xsl:for-each select="../../Permissions/Local/Permission[AuthorizedName != $CoachName or not($CoachName)]">
                                                        <option value="{AuthorizedID}">
                                                            <xsl:value-of select="normalize-space(AuthorizedName)"/>
                                                        </option>
                                                    </xsl:for-each>
                                                </xsl:when>
                                                <xsl:when  test="$RoleID != normalize-space(../../UserInfo/UserID) 
                                                           and normalize-space(Setting2) != normalize-space(../../UserInfo/UserID)
                                                           and UniqueKey != 'Coach'">
                                                    <option value="{../../UserInfo/UserID}">
                                                        <xsl:value-of select="normalize-space(../../UserInfo/UserFirstName)"/>
                                                    </option>
                                                </xsl:when>
                                            </xsl:choose>
                                            <xsl:if test="$SourcePage = 'ClientPortalNewProject'">
                                                <option value="-1">
                                                    <xsl:value-of select="'More..'"/>
                                                </option>
                                            </xsl:if>
                                        </select>
                                        &#xa0;
                                        <xsl:call-template name="AutoSuggestUsers">
                                            <xsl:with-param name="goalID" select="$TemplateID"></xsl:with-param>
                                            <xsl:with-param name="taskID" select="TemplateDetailID"></xsl:with-param>
                                            <xsl:with-param name="origin" select="'NewTask'"></xsl:with-param>
                                        </xsl:call-template>
                                    </div>
                                </td>
                            </tr>
                        </xsl:for-each>

                        <!--Creating XML for Rols-->
                        <xsl:variable name="Roles">
                            <xsl:text disable-output-escaping="yes">&lt;Roles&gt;</xsl:text>
                            <xsl:for-each select="AjaxRequest/DynamicGoal/Item[normalize-space(TypeKey) = 'Role']">
                                <xsl:text disable-output-escaping="yes">&lt;Role&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;Name&gt;</xsl:text>
                                <xsl:value-of select="normalize-space(UniqueKey)"/>
                                <xsl:text disable-output-escaping="yes">&lt;/Name></xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;ControlID&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">ddl_Item_</xsl:text>
                                <xsl:value-of select="normalize-space(TemplateDetailID)"/>
                                <xsl:text disable-output-escaping="yes">_Sibling_Users</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;/ControlID&gt;</xsl:text>
                                <xsl:text disable-output-escaping="yes">&lt;/Role&gt;</xsl:text>
                            </xsl:for-each>
                            <xsl:text disable-output-escaping="yes">&lt;/Roles&gt;</xsl:text>
                        </xsl:variable>
                        <tr>
                            <td style="width: 20%;">
                                <span class="labelFormFields">LifeSpace</span>
                            </td>
                            <td>
                                <select id="ddl_Item_LifeSpaces"
                                                name="LifeSpaces" class="smallDropdown">

                                    <xsl:if test="AjaxRequest/DynamicGoal/LifeSpaceID = 0">
                                        <option value="0" selected="selected">
                                            <xsl:text></xsl:text>
                                        </option>
                                    </xsl:if>
                                    <xsl:for-each select="AjaxRequest/LifeSpace/Item">
                                        <xsl:if test="../../DynamicGoal/LifeSpaceID &gt; 0">
                                            <xsl:if test="../../DynamicGoal/LifeSpaceID = ID">
                                                <option value="{ID}" selected="selected">
                                                    <xsl:value-of select="normalize-space(Name)"/>
                                                </option>
                                            </xsl:if>
                                            <xsl:if test="../../DynamicGoal/LifeSpaceID != ID">
                                                <option value="{ID}">
                                                    <xsl:value-of select="normalize-space(Name)"/>
                                                </option>
                                            </xsl:if>
                                        </xsl:if>
                                        <xsl:if test="../../DynamicGoal/LifeSpaceID = 0">
                                            <option value="{ID}">
                                                <xsl:value-of select="normalize-space(Name)"/>
                                            </option>
                                        </xsl:if>
                                    </xsl:for-each>
                                </select>
                            </td>
                            <td>
                                <span id="ddl_Item_LifeSpaces_ErrorMessage" class="labelError"
                                         style="display:none;">*</span>
                            </td>
                        </tr>
                        <xsl:if test="count(AjaxRequest/LinkedCommunities/Communities) &gt; 0">
                            <tr>
                                <td>
                                    <span class="labelFormFields">
                                        Follow:
                                    </span>
                                </td>
                                <td colspan="2">
                                    <table style="width:100%">
                                        <tr>
                                            <td style="width:27%">
                                                <xsl:for-each select="AjaxRequest/LinkedCommunities/Communities">
                                                    <xsl:if test="position() mod 3=1">
                                                        <xsl:call-template name="LinkedCommunities">
                                                            <xsl:with-param name="Community" select="Community"></xsl:with-param>
                                                            <xsl:with-param name="ItemID" select="ItemID"></xsl:with-param>
                                                        </xsl:call-template>
                                                    </xsl:if>
                                                </xsl:for-each>
                                            </td>
                                            <td style="width:27%">
                                                <xsl:for-each select="AjaxRequest/LinkedCommunities/Communities">
                                                    <xsl:if test="position() mod 3 = 2">
                                                        <xsl:call-template name="LinkedCommunities">
                                                            <xsl:with-param name="Community" select="Community"></xsl:with-param>
                                                            <xsl:with-param name="ItemID" select="ItemID"></xsl:with-param>
                                                        </xsl:call-template>
                                                    </xsl:if>
                                                </xsl:for-each>
                                            </td>
                                            <td style="width:26%">
                                                <xsl:for-each select="AjaxRequest/LinkedCommunities/Communities">
                                                    <xsl:if test="position() mod 3 = 0">
                                                        <xsl:call-template name="LinkedCommunities">
                                                            <xsl:with-param name="Community" select="Community"></xsl:with-param>
                                                            <xsl:with-param name="ItemID" select="ItemID"></xsl:with-param>
                                                        </xsl:call-template>
                                                    </xsl:if>
                                                </xsl:for-each>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </xsl:if>
                        <tr>
                            <td colspan="3">
                                <input type="hidden" id="Template_{normalize-space($TemplateID)}_HiddenRolesXml" value="{normalize-space($Roles)}"></input>
                                <input type="hidden" id="Template_{normalize-space($TemplateID)}_HiddenVariablesXml" value="{normalize-space($Variables)}"></input>
                                <input type="button" class="button"
                                       onclick='return Goal_CreateDynamicGoal(
                                       "opt_Item_{$TemplateID}_UpdateMetrics",
                                        "opt_Item_{$TemplateID}_TrackAmount",
                                        "txt_Item_{$TemplateID}_StartAmount",
                                        "txt_Item_{$TemplateID}_TargetWhat",
                                        "txt_Item_{$TemplateID}_TargetAmount",
                                        "opt_Item_{$TemplateID}_NumberFormat",
                                        "opt_Item_{$TemplateID}_DisplayNumbers",
                                       "opt_Item_{$TemplateID}_Success",
                                             "{$TemplateID}", 
                                             "txt_Item_{$TemplateID}_Title",
                                             "txt_Item_{$TemplateID}_Description",
                                             "Template_{normalize-space($TemplateID)}_HiddenRolesXml", 
                                             "Template_{normalize-space($TemplateID)}_HiddenVariablesXml", 
                                             "divOperations", 
                                             "{normalize-space(AjaxRequest/DynamicGoal/LifeSpaceID)}", 
                                             "span_item_{$TemplateID}_ErrorMessage",
                                             "ddl_Item_LifeSpaces",
                                             "{/AjaxRequest/Params/SourcePage}",{$OwnerID},{$SourceItemID},"","");'
                                       value="Save" tabindex="7" style="margin-left:10px;"></input>
                                <input type="button" class="button" style="margin-left:10px;"
                                       onclick='return CloseCreateGoal("div_CreateGoal");'
                                       value="Cancel" tabindex="8"></input>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </xsl:if>

    </xsl:template>
    <xsl:template name="LinkedCommunities">
        <xsl:variable name="Community" select="N/A"></xsl:variable>
        <xsl:variable name="ItemID" select="N/A"></xsl:variable>

        <div>
            <input type="checkbox" id="cbCommunity_{position()}" checked="true" Community="{Community}" ItemID="{ItemID}" name="cbCommunityList">
            </input>
            <span class="label" style="margin-left:5px;">
                <xsl:value-of select="Community"/>
            </span>
        </div>
    </xsl:template>
</xsl:stylesheet>
