﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fb="http://www.facebook.com/2008/fbml">
    <xsl:import href ="BirthdayDropDown.xslt"/>
    <xsl:template name="RegisterationWizard">
        <xsl:param name="APIKey" select="'N/A'"/>
        <xsl:param name="HostName" select="'N/A'"/>
        <xsl:param name="Email" select ="'N/A'"/>
        <xsl:param name="Action" select="'N/A'"/>
        <xsl:param name="DateOfBirthMasterData" select="'N/A'"></xsl:param>
        <xsl:param name="TemplatePathURL" select="'N/A'"></xsl:param>

        <div id ="divExistingNonActiveUser" style="display: none;" class="labelError">
            There is an existing account associated with <a id="userEmail" class="link"></a>, which has not been authorized yet.
            Please locate the e-mail we sent you (possibly in your Spam or Junk folder) and verify your e-mail address.
        </div>
        <div id="divRegisteration" style="display: block;">
            <table cellpadding="0" cellspacing="0">
                <!--<tr>
                <td width="20%"></td>
                <td width="20%"></td>
                <td width="40%"></td>
                <td width="20%"></td>
            </tr>-->
                <tr>
                    <td colspan="4">
                        <input id="txtOrigin" type="text" style="display:none;"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" align="left" style="padding-top: 5px;">
                        <span class="labelBold" style="color: #17375E;">Sign up for Lifespace:</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" align="left" style="padding-top: 5px;">
                        <span class="labelBold" style="color: #17375E;">It's free!</span>
                    </td>
                </tr>
                <tr>
                    <td style="padding-top: 5px;">
                        <span class="labelBold" style="color: #17375E;">First Name:</span>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">                                             
                            <input id="txtFName" type="text" class="label" style="width: 180px; height: 20px; border: 2px solid #4F81BD; "/>                                                   
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <span class="labelBold" style="color: #17375E;">Last Name:</span>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <input id="txtLName" type="text" class="label" style="width: 180px; height: 20px; border: 2px solid #4F81BD; "/>
                    </td>
                </tr>
                <tr>
                    <td style="padding-top: 5px;">
                        <span class="labelBold" style="color: #17375E;">Email:</span>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">                       
                        <input id="txtEmail" type="text" class="label" 
                               value="{$Email}"
                               style="width: 180px; height: 20px; border: 2px solid #4F81BD; "/>                                                                    
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <span class="labelBold" style="color: #17375E;">Confirm Email:</span>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <input id="txtCEmail" type="text" value="{$Email}" class="label" style="width: 180px; height: 20px; border: 2px solid #4F81BD; "/>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" align="left" style="padding-top: 5px;">
                        <span style="color: Gray; font-family: Calibri, Verdana, Arial; font-size: 11px; ">
                            We will send you a verification e-mail to
                            complete your registration
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding-top: 5px;">
                        <span id ="lblPassword" class="labelBold" style="color: #17375E;">Password:</span>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <input id="txtPassword" type="password" class="label" style="width: 180px; height: 20px; border: 2px solid #4F81BD; "/>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <span id="lblConfPassword" class="labelBold" style="color: #17375E;">Confirm Password:</span>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <input id="txtCPassword" type="password" class="label" style="width: 180px; height: 20px; border: 2px solid #4F81BD; "/>
                    </td>
                </tr>
                <tr>
                    <td style="padding-top: 5px;">
                        <span class="labelBold"	style="color: #17375E;">Birthday:</span>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <xsl:call-template name ="BirthdayDropDown">
                             <xsl:with-param name ="DateOfBirthMasterData" select ="$DateOfBirthMasterData"></xsl:with-param>
                        </xsl:call-template>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <span class="labelBold"	style="color: #17375E;">I am:</span>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <span class="label">
                            <input id="rdbMale" type="radio" name="sex" value="male"/> Male
                            &#xa0;<input id="rdbFemale" type="radio" name="sex" value="female"/>Female
                        </span>
                    </td>
                </tr>
                <tr style="display:none;">
                    <td style="padding-top: 5px;">

                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <input type="text" id="txtFacebookUserID"></input>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <input type="text" id="txtFBEmailId"></input>
                    </td>
                    <td style="padding-top: 5px; padding-left: 10px;">
                        <input type="text" id="txtFBPicURL"></input>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" align="left" style="padding-top: 5px;">
                        <span style="color: Gray; font-family: Calibri, Verdana, Arial; font-size: 11px;">
                            We use this data to provide appropriate
                            content
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding-top: 20px;">
                        <xsl:choose>
                            <xsl:when test ="$Email = ''">
                                <input type="button" class="button" value="Sign Up"
                                    onClick='register_SaveUser("txtFName","txtLName","txtEmail","txtCEmail", "txtPassword", "txtCPassword",
                                    "ddlMonth","ddlDay","ddlYear","rdbMale","rdbFemale", "txtOrigin", "SaveNewUser","txtFacebookUserID","txtFBPicURL","txtFBEmailId");'>
                                </input>
                            </xsl:when>
                            <xsl:otherwise>
                                <input type="button" class="button" value="Sign Up"
                                    onClick='register_SaveUser("txtFName","txtLName","txtEmail","txtCEmail", "txtPassword", "txtCPassword",
                                    "ddlMonth","ddlDay","ddlYear","rdbMale","rdbFemale", "txtOrigin", "UserRegistrationCompleted","txtFacebookUserID","txtFBPicURL","txtFBEmailId");'>
                                </input>
                            </xsl:otherwise>
                        </xsl:choose>
                    </td>
                    <td style="padding-top: 20px; padding-left: 10px;">
                        <!--<input type="button" value="FBLogin" onclick="facebookLoginPopup(1);" />-->
                        <img src="{$TemplatePathURL}Web/Images/fbconnect.gif" class="link" onclick="facebookLoginPopup(1);" />
                        <!--<fb:login-button length="short" onlogin="getExtendedPermissionForRegistration();"></fb:login-button>

                        <script type="text/javascript">
                            FB.init('<xsl:value-of select ="$APIKey"/>', 'http://localhost/Website/xd_receiver.htm');
                        </script>-->

                    </td>
                </tr>
                <tr>
                    <td colspan="4" align="left" style="padding-top: 5px;">
                        <span class="labelSize11">
                            Already Registered?
                            <u>
                                <a href="http://{$HostName}/Login.aspx">
                                    Login Here
                                </a>
                            </u>
                        </span>
                    </td>
                </tr>
            </table>
        </div>
        <div id ="divExistingUserActivated" style="display: none; color: #376092;" class="labelBold">
            There is an existing account associated with <a id="userEmail" class="link"></a>
            You can only sign-up for one account per email address.
        </div>
        <div id ="divExistingUserNotActivated" style="display: none; color: #376092;" class="labelBold">
            Thank you for Registering for LifeSpace. Please check your e-mail and verify your new account before logging in.
            Please note that the registration link will expire in 7 days
        </div>
    </xsl:template>
</xsl:stylesheet>
