﻿<?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/NoContentMessage.xslt"/>

    <xsl:template match="/">
        <xsl:variable name="Origin" select="AjaxRequest/Params/Origin"></xsl:variable>
        <xsl:variable name="BrandID" select="AjaxRequest/Params/BrandID"></xsl:variable>
        <xsl:variable name="BrandName" select="AjaxRequest/BrandName"></xsl:variable>
        <xsl:variable name="HostName" select="normalize-space(AjaxRequest/HostName)"></xsl:variable>
        <xsl:variable name="IsAuthenticated" select="AjaxRequest/Authenticated"></xsl:variable>

        <xsl:variable name="BrandPermissionID" select="AjaxRequest/BrandPermissionID"></xsl:variable>
        <xsl:variable name="IsCommunityAdmin" select="AjaxRequest/IsCommunityAdmin"></xsl:variable>

        <xsl:variable name="borderClass">
            <xsl:choose>
                <xsl:when test="$Origin='Brand' or $Origin='BrandGetStarted'">
                    <xsl:text></xsl:text>
                </xsl:when>
                <xsl:otherwise>
                    <xsl:text>borderStanderd brandHeaderBorder</xsl:text>
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>

        <xsl:choose>
            <xsl:when test="$Origin = 'BrandGetStarted'">
                <div id="divCContentTop1">
                    <div>
                        <span class="superPageLSMessage">
                            Your goals made easy.
                        </span>
                        <span style="color:#6D6E71;" class="JoinLSMessage">
                            Browse through our pre-designed Goal Plans.
                        </span>
                    </div>
                    <div style="margin-bottom:10px;margin-top:10px;">
                        <div style="padding-left:20px;" class="superPageVisionBar">
                            <span style="color:#FFFFFF;" class="createMyOwnGoalText">
                                Start a <xsl:value-of select="$BrandName"/> Goal Plan
                            </span>
                        </div>
                        <img src="/DesktopModules/LifeSpaceTemplates/Web/Images/Ver_2_0/dropshadow_800.png" alt=""></img>

                    </div>
                    <div id="FeaturedOpen1" class="FeaturedOpen">

                        <script type="text/javascript">
                            var faq=new switchicon("featured", "div") //Limit scanning of switch contents to just "div" elements
                            faq.setHeader('<img src="DesktopModules/Communities/images/minus.gif" />',
                            '<img src="DesktopModules/Communities/images/plus.gif" />') //set icon HTML
                            faq.collapsePrevious(true) //Allow only 1 content open at any time
                            faq.setPersist(false) //No persistence enabled
                            faq.defaultExpanded(0) //Set 1st content to be expanded by default
                            faq.init()
                        </script>

                    </div>
                    <div id="PopularOpen1" class="FeaturedOpen">

                        <script type="text/javascript">
                            var faq=new switchicon("Popular", "div") //Limit scanning of switch contents to just "div" elements
                            faq.setHeader('<img src="images/minus.gif" />', '<img src="images/plus.gif" />') //set icon HTML
                            faq.collapsePrevious(true) //Allow only 1 content open at any time
                            faq.setPersist(false) //No persistence enabled
                            faq.defaultExpanded(0) //Set 1st content to be expanded by default
                            faq.init()
                        </script>

                    </div>
                    <div id="NewArticleOpen1" class="NewArticleOpen" style="padding-left: 10px; padding-right: 10px;">
                        <div id="divNewTemplates">
                            <xsl:choose>
                                <xsl:when test="normalize-space(AjaxRequest/TemplatesHtml) = ''">
                                    <xsl:call-template name="NoContentMessage"></xsl:call-template>
                                </xsl:when>
                                <xsl:otherwise>
                                    <xsl:value-of select="AjaxRequest/TemplatesHtml" disable-output-escaping="yes"/>
                                </xsl:otherwise>
                            </xsl:choose>
                            <xsl:if test="$Origin='Brand' or $Origin='BrandGetStarted'">
                                <div id="div_AddTemplate" style="text-align:center; margin-bottom:10px;">
                                    <xsl:if test="$IsAuthenticated = 'True' and ($BrandPermissionID &gt;= 4 or $IsCommunityAdmin = 1 or AjaxRequest/UserRoles/Role[RoleName = 'Brand Admin'])">
                                        <a class="link" href="http://{$HostName}/AddTemplate.aspx?BrandID={$BrandID}"
                                           onmouseover="this.style.textDecoration='underline';"
                                           onmouseout="this.style.textDecoration='none';">
                                            Add Template
                                        </a>
                                    </xsl:if>
                                </div>
                            </xsl:if>
                        </div>

                        <script type="text/javascript">
                            var faq=new switchicon("NewArticle", "div") //Limit scanning of switch contents to just "div" elements
                            faq.setHeader('<img src="images/minus.gif" />', '<img src="images/plus.gif" />') //set icon HTML
                            faq.collapsePrevious(true) //Allow only 1 content open at any time
                            faq.setPersist(false) //No persistence enabled
                            faq.defaultExpanded(0) //Set 1st content to be expanded by default
                            faq.init()
                        </script>

                    </div>
                </div>
            </xsl:when>
            <xsl:otherwise>
                <div id="divTemplate" class="borderStanderd brandHeaderBorder" style="margin:12px;background-color:white;">
                    <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td style="vertical-align: top;">
                                <div id="divTemplateTitle " class="overlapLeft selectedTabBackColor selectedTabForColor selectedTabBorderColor" style="display: table;">
                                    <span class="labelHeader overlapLeftText labelSize11 selectedTabForColor">Get Started</span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div id="divCContentTop1">
                                    <div id="FeaturedOpen1" class="FeaturedOpen">

                                        <script type="text/javascript">
                                            var faq=new switchicon("featured", "div") //Limit scanning of switch contents to just "div" elements
                                            faq.setHeader('<img src="DesktopModules/Communities/images/minus.gif" />',
                                            '<img src="DesktopModules/Communities/images/plus.gif" />') //set icon HTML
                                            faq.collapsePrevious(true) //Allow only 1 content open at any time
                                            faq.setPersist(false) //No persistence enabled
                                            faq.defaultExpanded(0) //Set 1st content to be expanded by default
                                            faq.init()
                                        </script>

                                    </div>
                                    <div id="PopularOpen1" class="FeaturedOpen">

                                        <script type="text/javascript">
                                            var faq=new switchicon("Popular", "div") //Limit scanning of switch contents to just "div" elements
                                            faq.setHeader('<img src="images/minus.gif" />', '<img src="images/plus.gif" />') //set icon HTML
                                            faq.collapsePrevious(true) //Allow only 1 content open at any time
                                            faq.setPersist(false) //No persistence enabled
                                            faq.defaultExpanded(0) //Set 1st content to be expanded by default
                                            faq.init()
                                        </script>

                                    </div>
                                    <div id="NewArticleOpen1" class="NewArticleOpen" style="padding-left: 10px; padding-right: 10px;">
                                        <div id="divNewTemplates">
                                            <xsl:choose>
                                                <xsl:when test="normalize-space(AjaxRequest/TemplatesHtml) = ''">
                                                    <xsl:call-template name="NoContentMessage"></xsl:call-template>
                                                </xsl:when>
                                                <xsl:otherwise>
                                                    <xsl:value-of select="AjaxRequest/TemplatesHtml" disable-output-escaping="yes"/>
                                                </xsl:otherwise>
                                            </xsl:choose>
                                            <xsl:if test="$Origin='Brand' or $Origin='BrandGetStarted'">
                                                <div id="div_AddTemplate" style="text-align:center; margin-bottom:10px;">
                                                    <xsl:if test="$IsAuthenticated = 'True' and ($BrandPermissionID &gt;= 4 or $IsCommunityAdmin = 1 or AjaxRequest/UserRoles/Role[RoleName = 'Brand Admin'])">
                                                        <a class="link" href="http://{$HostName}/AddTemplate.aspx?BrandID={$BrandID}"
                                                           onmouseover="this.style.textDecoration='underline';"
                                                           onmouseout="this.style.textDecoration='none';">
                                                            Add Template
                                                        </a>
                                                    </xsl:if>
                                                </div>
                                            </xsl:if>
                                        </div>

                                        <script type="text/javascript">
                                            var faq=new switchicon("NewArticle", "div") //Limit scanning of switch contents to just "div" elements
                                            faq.setHeader('<img src="images/minus.gif" />', '<img src="images/plus.gif" />') //set icon HTML
                                            faq.collapsePrevious(true) //Allow only 1 content open at any time
                                            faq.setPersist(false) //No persistence enabled
                                            faq.defaultExpanded(0) //Set 1st content to be expanded by default
                                            faq.init()
                                        </script>

                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </xsl:otherwise>
        </xsl:choose>


    </xsl:template>
</xsl:stylesheet>
