﻿<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:import href="BrandWizardButtons.xslt"/>

    <xsl:template match="/">
        <xsl:variable name="TemplateURL" select="normalize-space(Tabs/TemplateURL)"></xsl:variable>
        <xsl:variable name="HostName" select="normalize-space(Tabs/HostName)"></xsl:variable>
        <xsl:variable name="BrandID" select="normalize-space(Tabs/BrandID)"></xsl:variable>
        <xsl:variable name="IsCommunityAdmin" select="normalize-space(Tabs/IsCommunityAdmin)"></xsl:variable>
        <xsl:variable name="EditKey" select="normalize-space(Tabs/Key)"></xsl:variable>
        <xsl:variable name="PromoteKey" select="normalize-space(Tabs/Tab/PromoteKey)"></xsl:variable>
        <xsl:variable name="TabKey" select="normalize-space(Tabs/Tab/TabKey)"></xsl:variable>        


        
        <!--<xsl:call-template name="BrandWizardButtons">
            <xsl:with-param name="TemplatePathURL" select="$TemplateURL"></xsl:with-param>
            <xsl:with-param name ="Source" >
                <xsl:text>BrandTabs</xsl:text>
            </xsl:with-param>
            <xsl:with-param name="UserRole" select="Tabs/UserRoles/."></xsl:with-param>
            <xsl:with-param name ="HostName" select="$HostName"></xsl:with-param>
            <xsl:with-param name="BrandID" select="$BrandID"></xsl:with-param>
            <xsl:with-param name="IsCommunityAdmin" select="$IsCommunityAdmin"></xsl:with-param>
            <xsl:with-param name="Edit" select="$EditKey"></xsl:with-param>
        </xsl:call-template>-->

        <div style="color: #376092; margin-top: 20px;">
            <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td>
                        <div id="divHeader">
                            <span class="labelSize14">
                                Step 3 of 4 – Choose Your Tabs
                            </span>
                        </div>
                        <div style="padding-top:10px">
                            <span class="labelSize13">
                                “You can now select the tabs you wish to show on your Brand profile page.  The first tab will open by default when people arrive at your page.  You can reorder and select/deselect tabs for complete customization“
                            </span>
                        </div>
                    </td>
                    <td>
                        <div>
                            <img src="{normalize-space($TemplateURL)}Web/Images/AdPerson_Left.jpg" height="150px" title="Register_Girl" BORDER="0"></img>
                        </div>
                    </td>
                </tr>
            </table>
        </div>

        <div>
            <xsl:for-each select="Tabs/Tab">
                <xsl:if test="PublicYN = 1 and TabKey != 'UserSettings'">                     
                    <div id="divBrandTabs_{SortOrder}" style="margin-top:5px;">
                        <table>
                            <tr>
                                <td>
                                    <div style="text-align:center;">
                                        <xsl:if test="SortOrder != 1">
                                            <img border="0" id="img_BrandTab_{SortOrder}_ArrowUp" src="{normalize-space($TemplateURL)}Web/Images/Arrow_Up.jpg"
                                                     onclick="BrandTabs_setTabSortOrder({$BrandID}, {SortOrder}, -1, 'chk_BrandTab_{SortOrder}', {TabID});"
                                                 title="Arrow_Up"></img>
                                        </xsl:if>
                                    </div>
                                    <div style="text-align:center;">
                                        <xsl:if test="BrandTabID = 1">
                                            <input type="checkbox" id="chk_BrandTab_{SortOrder}" checked="checked" disabled="disabled"
                                                   onclick="BrandTabs_updateBrandTabCheckBoxStatus({$BrandID}, 'chk_BrandTab_{SortOrder}' , {SortOrder});"></input>
                                        </xsl:if>
                                        <xsl:if test="BrandTabID != 1">                                            
                                            <input type="checkbox" id="chk_BrandTab_{SortOrder}" checked="checked"
                                                   onclick="BrandTabs_updateBrandTabCheckBoxStatus({$BrandID}, 'chk_BrandTab_{SortOrder}' , {SortOrder});" ></input>
                                        </xsl:if>
                                    </div>
                                    <div style="text-align:center;">
                                        <xsl:if test="count(../Tab) != SortOrder">
                                            <img border="0" id="img_BrandTab_{SortOrder}_ArrowDown"  src="{normalize-space($TemplateURL)}Web/Images/Arrow_Down.jpg"
                                                 onclick="BrandTabs_setTabSortOrder({$BrandID}, {SortOrder}, 1, 'chk_BrandTab_{SortOrder}', {TabID});"
                                                 title="Arrow_Down"></img>
                                        </xsl:if>
                                    </div>
                                </td>
                                <td valign="middle" style="vertical-align:middle;">
                                    <xsl:choose>
                                        <xsl:when test ="normalize-space(DisplayName) = 'Custom'">
                                            <div id="divBrandTab_{SortOrder}" class="labelSize12" style="color:#376092; padding-left:10px;">
                                                <xsl:value-of select="normalize-space(CustomTabName)"/>
                                                <xsl:if test ="normalize-space(CustomTabDescription) != ''">
                                                    <xsl:text> - </xsl:text>
                                                    <xsl:value-of select="normalize-space(CustomTabDescription)"/>
                                                </xsl:if>
                                            </div>
                                        </xsl:when>
                                        <xsl:otherwise>
                                            <div id="divBrandTab_{SortOrder}" class="labelSize12" style="color:#376092; padding-left:10px;">
                                                <xsl:value-of select="normalize-space(TabKey)"/> -
                                                <xsl:value-of select="normalize-space(TabDescription)"/>
                                            </div>
                                        </xsl:otherwise>
                                    </xsl:choose>
                                </td>
                            </tr>
                        </table>
                    </div>
                </xsl:if>

                <xsl:if test="PublicYN= 0 and TabKey != 'UserSettings'">
                    <div  id="divBrandTabs_{SortOrder}" style="margin-top:5px;" class="disabledImage">
                        <table>
                            <tr>
                                <td>
                                    <div style="text-align:center;">
                                        <xsl:if test="SortOrder != 1">
                                            <img border="0" id="img_BrandTab_{SortOrder}_ArrowUp" src="{normalize-space($TemplateURL)}Web/Images/Arrow_Up.jpg"
                                                 onclick="BrandTabs_setTabSortOrder({$BrandID}, {SortOrder}, -1, {BrandTabID});"
                                                 title="Arrow_Up"></img>
                                        </xsl:if>
                                    </div>
                                    <div style="text-align:center;">
                                        <xsl:if test="BrandTabID=1">
                                            <input type="checkbox" id="chk_BrandTab_{SortOrder}" checked="checked" disabled="disabled"
                                                   onclick="BrandTabs_updateBrandTabCheckBoxStatus({$BrandID}, 'chk_BrandTab_{SortOrder}' , {SortOrder},'');"></input>
                                        </xsl:if>
                                        <xsl:if test="BrandTabID!=1">
                                            <input type="checkbox" id="chk_BrandTab_{SortOrder}"
                                                   onclick="BrandTabs_updateBrandTabCheckBoxStatus({$BrandID}, 'chk_BrandTab_{SortOrder}' , {SortOrder},'');"></input>
                                        </xsl:if>
                                    </div>
                                    <div style="text-align:center;">
                                        <xsl:if test="count(../Tab) != SortOrder">
                                            <img border="0" id="img_BrandTab_{SortOrder}_ArrowDown"  src="{normalize-space($TemplateURL)}Web/Images/Arrow_Down.jpg"
                                             onclick="BrandTabs_setTabSortOrder({$BrandID}, {SortOrder}, 1, {BrandTabID});"
                                                 title="Arrow_Down"></img>
                                        </xsl:if>
                                    </div>
                                </td>
                                <td valign="middle" style="vertical-align:middle;">
                                    <xsl:choose>
                                        <xsl:when test ="normalize-space(DisplayName) = 'Custom'">
                                            <div id="divBrandTab_{SortOrder}" class="labelSize12" style="color:#376092; padding-left:10px;">
                                                <xsl:value-of select="normalize-space(CustomTabName)"/>
                                                <xsl:if test ="normalize-space(CustomTabDescription) != ''">
                                                    <xsl:text> - </xsl:text>
                                                    <xsl:value-of select="normalize-space(CustomTabDescription)"/>
                                                </xsl:if>
                                            </div>
                                        </xsl:when>
                                        <xsl:otherwise>
                                            <div id="divBrandTab_{SortOrder}" class="labelSize12" style="color:#376092; padding-left:10px;">
                                                <xsl:value-of select="normalize-space(TabKey)"/> -
                                                <xsl:value-of select="normalize-space(TabDescription)"/>
                                            </div>
                                        </xsl:otherwise>
                                    </xsl:choose>
                                </td>
                            </tr>
                        </table>
                    </div>
                </xsl:if>
                <xsl:if test="SortOrder = 1 ">
                    <hr></hr>
                </xsl:if>

            </xsl:for-each>
        </div>

        <div id="btnAddTab" style="padding-top: 20px;display: block;">
            <input id="txtAddTab" class="textAreaGoal" value="Add new tab here..."
                  onclick="Brand_DisplayAddTab('{$BrandID}', 'divOperations','btnAddTab');"/>
        </div>

        <div id="divOperations" style="padding-top: 20px;display: none;">
            <!--<xsl:value-of select="Goal/AddNewItem/Html" disable-output-escaping ="yes"/>-->
        </div>

        <div align="right" style="padding-top: 20px;">
            <xsl:choose>
                <xsl:when test="$EditKey = 0">
                    <a class="link" href="http://{$HostName}/BrandProfile.aspx?ID={$BrandID}">
                        <img style="cursor: pointer; border: 0px none;" title="ContinueButton"
                             src="{normalize-space($TemplateURL)}Web/Images/BtnContinue.png"></img>
                    </a>
                </xsl:when>
                <xsl:otherwise>
                    <a class="link" href="http://{$HostName}/{normalize-space($PromoteKey)}">
                        <img style="cursor: pointer; border: 0px none;" title="SaveButton"
                             src="{normalize-space($TemplateURL)}Web/Images/BtnSave.png"></img>
                    </a>
                </xsl:otherwise>
            </xsl:choose>

        </div>
    </xsl:template>
</xsl:stylesheet>
