﻿<?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="CorporateWizardButtons.xslt"/>
    <xsl:output method="xml" indent="yes"/>

   
    <xsl:template match="/">
        <xsl:variable name="TemplatePathURL" select="normalize-space(AjaxRequest/TemplateURL)"/>
        <xsl:variable name="HostName" select="normalize-space(AjaxRequest/HostName)" />
        <xsl:variable name="BrandID" select="normalize-space(AjaxRequest/Params/BrandID)"/>
        <xsl:variable name="IsCommunityAdmin" select="normalize-space(AjaxRequest/IsCommunityAdmin)"></xsl:variable>
        <xsl:variable name="EditKey" select="normalize-space(AjaxRequest/Params/Key)"></xsl:variable>
        <xsl:variable name="PromoteKey" select="normalize-space(AjaxRequest/Brand/Detail/PromoteKey)"></xsl:variable>
        <xsl:variable name="PortalItemID" select="normalize-space(AjaxRequest/Brand/Detail/BrandLifeSpaceID)"></xsl:variable>


        <div id="divGetBrandPackageLayout" style="width: 100%;">
            <div id="divGetStartedButtons" style="margin-top: 10px; margin-bottom: 10px;">
                <xsl:call-template name="CorporateWizardButtons">
                    <xsl:with-param name="TemplatePathURL" select="normalize-space($TemplatePathURL)"></xsl:with-param>
                    <xsl:with-param name="Source" >
                        <xsl:text>selectPackage</xsl:text>
                    </xsl:with-param>
                    <xsl:with-param name="UserRole" select="AjaxRequest/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:with-param name="PromoteKey" select="$PromoteKey"></xsl:with-param>
                    <xsl:with-param name="PortalItemID" select="$PortalItemID"></xsl:with-param>                    
                </xsl:call-template>
            </div>
            <div id="div_PopUp" class="divPackagesPopup">
                <table class="tableMaster">
                    <tr>
                        <td style="text-align: right">
                            <span class="link" onClick="promoter_hidePopUp('div_PopUp');">[ X ]</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="margin-bottom: 5px;">
                            <span class="label">During the Marketplace Beta phase, we require an Invitation Code to proceed.</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label">Please contact AccountServices@LifeSpace.com to request an Invitation Code.</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="button" class="button" value="Close" onClick="promoter_hidePopUp('div_PopUp');"></input>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="divStep2OfWizard" style="color: #17375E; margin-top: 20px;">
                <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td align="top">
                            <span class="labelSize14">
                                Step 2 of 2 – Select Your Package
                            </span>
                        </td>
                        <td align="top" valign="top" rowspan="2">
                            <img src="{$TemplatePathURL}Web/Images/AdPerson_Left.jpg" title="AdPerson" BORDER="0"></img>
                        </td>
                    </tr>
                    <tr>
                        <td align="top">
                            <span class="labelSize13">
                                "Thank you for signing up for your Employee Goal and Review System subscription. 
                                During this initial launch period, a LifeSpace representative will review your application and assist you
                                with the creation of your system and templates. Once you select a package below, you should expect to hear
                                back from the LifeSpace Account Manager in the next few business days."
                            </span>
                        </td>
                    </tr>
                </table>
            </div>
            <!--<xsl:if test ="$IsCommunityAdmin = 'True' or AjaxRequest/UserRoles/Role[RoleName = 'Brand Admin']">-->
            <div id="divBrandPackages">
                <table class="tableMaster">
                    <tr>
                        <td colspan="2">
                            <span class="labelSize13">
                                "Choose one of our Basic Packages or sign-up for the Premium Office Package below"
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-right: 10px; padding-bottom: 10px;" width="50%">
                            <!--Package 1-->
                            <div id="div_InvitationCode" class="lineHeight" style="border: 3px solid #385D8A; 
                                 margin-top: 10px; padding: 10px;">
                                <div class="labelBold" align="center" style="color: #17375E;">
                                    <u>Invitation Code</u>
                                </div>

                                <div class="labelBold" style="color: #17375E;">
                                    Do you have an invitation code?
                                </div>
                                <div align="center" style="margin-top: 10px;">
                                    <input id="txt_InvitationCode" type="text" class="text" style="width: 200px;"
                                           onblur="return package_GetPackageCouponDetail(
                                                              'txt_InvitationCode',
                                                              'divPackageCouponDetail');"></input>
                                </div>

                                <div id="divPackageCouponDetail"
                                     style="font-family: Calibri, Verdana, Arial;
                                                line-height: 1em; 
                                                margin-top: 10px; 
                                                font-size: 9pt; 
                                                display: none;"></div>

                                <div align="center" style="margin-top: 10px;">
                                    <a id="btnInvite" onClick="return package_validateInvitationCode(
                                                                            'txt_InvitationCode',
                                                                            '{$BrandID}',
                                                                            'div_InvitationCode','{$PromoteKey}');">
                                        <img src="{$TemplatePathURL}Web/Images/btnSubmit.png"
                                                 style="cursor: pointer; border: 0px;" width="130" height="25"></img>
                                    </a>
                                </div>
                            </div>
                        </td>
                        <td style="padding-bottom: 10px;" width="50%">
                            <!--Package 2-->
                            <!--<xsl:if test ="$IsCommunityAdmin = 'True' or AjaxRequest/UserRoles/Role[RoleName = 'Brand Admin']">-->
                            <div class="lineHeight" style="border: 3px solid #385D8A; padding: 10px; 
                                                                   background-color: #E9EFF7; margin-top: 10px;">
                                <div class="labelBold" align="center" style="color: #17375E;">
                                    <u>Small Team</u>
                                </div>
                                <div class="labelItalic labelBold">Single office, Up to 5 employees</div>
                                <div class="labelItalic labelBold">Pre-Designed Goal Templates</div>
                                <div class="labelBold" align="center" style="color: #17375E;">$49.00/mo, 1 Month Free Trial</div>
                                <div align="center" style="margin-top: 10px;">
                                    <a id="btnSubmitPkg2" onClick="promoter_showPopUp('btnSubmitPkg2', 'div_PopUp');">
                                        <img src="{$TemplatePathURL}Web/Images/btnSelectPackage.png"
                                             style="cursor: pointer; border: 0px;" width="130" height="25"></img>
                                    </a>
                                </div>
                            </div>
                            <!--</xsl:if>-->
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-right: 10px; padding-bottom: 10px;">
                            <!--Package 3-->
                            <!--<xsl:if test ="$IsCommunityAdmin = 'True' or AjaxRequest/UserRoles/Role[RoleName = 'Brand Admin']">-->
                            <div class="lineHeight" style="border: 3px solid #385D8A; 
                                 background-color: #DCE6F2; padding: 10px;">
                                <div class="labelBold" align="center" style="color: #17375E;">
                                    <u>Deluxe Office</u>
                                </div>
                                <div class="labelItalic">Team Package Plus...</div>
                                <div class="labelItalic labelBold">Single office, Up to 20 employees</div>
                                <div class="labelItalic labelBold">Customized Goal Templates</div>
                                <div class="labelItalic labelBold">Unlimited E-mail Support</div>                             
                                <div class="labelBold" align="center" style="color: #17375E;">$99.00/mo, 2 Months Free Trial</div>
                                <div align="center" style="margin-top: 10px;">
                                    <a id="btnSubmitPkg3" onClick="promoter_showPopUp('btnSubmitPkg3', 'div_PopUp');">
                                        <img src="{$TemplatePathURL}Web/Images/btnSelectPackage.png"
                                             style="cursor: pointer; border: 0px;"></img>
                                    </a>
                                </div>
                            </div>
                            <!--</xsl:if>-->
                        </td>
                        <td style="padding-bottom: 10px;">
                            <!--Package 4-->
                            <div class="lineHeight" style="border: 3px solid #385D8A; padding: 10px; background-color: #B9CDE5;">
                                <div class="labelBold" align="center" style="color: #17375E;">
                                    <u>Premium Office</u>
                                </div>
                                <div class="labelItalic">Deluxe Office Package Plus...</div>                              
                                <div class="labelItalic labelBold">Single Office, Up to 100 Employees</div>
                                <div class="labelItalic labelBold">Manager Security for Grouping Employees</div>
                                <div class="labelItalic labelBold">Monthly Administrators Support/Training Calls</div>                               
                                <div class="labelBold" align="center" style="color: #17375E;">$199.00/month, 2 Months Free Trial</div>
                                <div align="center" style="margin-top: 10px;">
                                    <a id="btnSubmitPkg4" onClick="promoter_showPopUp('btnSubmitPkg4', 'div_PopUp');">
                                        <img src="{$TemplatePathURL}Web/Images/btnSelectPackage.png"
                                             style="cursor: pointer; border: 0px;"></img>
                                    </a>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div style="margin-top: 20px;">
                <span class="labelSize11">
                    Please contact <a href="mailto:AccountServices@LifeSpace.com">AccountServices@LifeSpace.com</a> to receive your Invitation Code and assistance with large company installations.
                </span>
            </div>
            <!--</xsl:if>
            <xsl:if test ="$IsCommunityAdmin = 'True' or AjaxRequest/UserRoles/Role[RoleName = 'Brand Admin']">-->
            <div style="margin-top: 20px;">
                <span class="labelSize11">
                    Refunds Policy: "Please note that there are no refunds once a package is purchased"
                </span>
            </div>
            <div style="margin-top: 20px;">
                <span class="labelSize11">
                    Contact Us: LifeSpace LLC  * 4197 Huerfano Ave * San Diego, CA 92117
                </span>
            </div>
            <!--<xsl:if test ="$IsCommunityAdmin = 'True'">-->
            <div class="labelSize11" style="margin-top: 20px;">
                <!-- (c) 2005, 2010. Authorize.Net is a registered trademark of CyberSource Corporation -->
                <div class="AuthorizeNetSeal">
                    <script type="text/javascript" language="javascript">var ANS_customer_id="45d2eedc-9d99-41e7-ab79-8a1711ff3d67";</script>
                    <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script>
                    <a href="http://www.authorize.net/" id="AuthorizeNetText" target="_blank">Credit Card Merchant</a>
                </div>
            </div>
            <!--</xsl:if>-->
            <!--</xsl:if>-->
            <div align="right" style="margin-top: 20px;">
                <xsl:if test ="$IsCommunityAdmin = 'True' or AjaxRequest/UserRoles/Role[RoleName = 'Brand Admin']">
                    <xsl:choose>
                        <xsl:when test="$EditKey = 0">
                            <a href="http://{$HostName}/ClientPortal.aspx?ID={normalize-space($PortalItemID)}">
                                <img src="{$TemplatePathURL}Web/Images/BtnContinue.png" title="ContinueButton"
                                     style="cursor: pointer;border: 0px; vertical-align: bottom, text-bottom;"></img>
                            </a>
                        </xsl:when>
                        <xsl:otherwise>
                            <a href="http://{$HostName}/ClientPortal.aspx?ID={normalize-space($PortalItemID)}">
                                <img src="{$TemplatePathURL}Web/Images/BtnSave.png" title="SaveButton"
                                     style="cursor: pointer;border: 0px; vertical-align: bottom, text-bottom;"></img>
                            </a>
                        </xsl:otherwise>
                    </xsl:choose>
                </xsl:if>
            </div>
        </div>
    </xsl:template>
</xsl:stylesheet>
