﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:import href ="BirthdayDropDown.xslt"/>
    <xsl:template match="/">
        <xsl:variable name ="First" select ="normalize-space(User/UserData/FirstName)"></xsl:variable>
        <xsl:variable name ="Last" select ="normalize-space(User/UserData/LastName)"></xsl:variable>
        <xsl:variable name ="Email" select ="normalize-space(User/UserData/Email)"></xsl:variable>
        <xsl:variable name ="Sex" select ="normalize-space(User/UserData/Sex)"></xsl:variable>
        <xsl:variable name ="Day" select ="normalize-space(User/UserData/Day)"></xsl:variable>
        <xsl:variable name ="Month" select ="normalize-space(User/UserData/Month)"></xsl:variable>
        <xsl:variable name ="Year" select ="normalize-space(User/UserData/Year)"></xsl:variable>
        <xsl:variable name ="Birth" select ="normalize-space(User/UserData/DateofBirth)"></xsl:variable>
        <xsl:variable name ="UserVersion" select ="normalize-space(User/UserData/UserVersion)"></xsl:variable>
        <xsl:variable name ="IsComplete" select ="normalize-space(User/IsComplete)"></xsl:variable>
        <div id="divRegisteration" style="display: block;">
            <table cellpadding="0" cellspacing="0">
                <xsl:if test ="User[Mode = 'SwitchVersion']">
                    <tr>
                        <td colspan="4">
                            <div class="label" style="margin-bottom:10px;">
                                <span>Which version would you like to use?</span>
                                <xsl:choose>
                                    <xsl:when test="$UserVersion = 2">
                                        <input type="radio" onclick="return loadLifeSpaceVersion('div_Version_Choice_1','12',1)"
                                            class="label" value="1" name="Version" id="div_Version_Choice_1">1.01</input>
                                        <input type="radio" onclick="return loadLifeSpaceVersion('div_Version_Choice_2','12',2)"
                                               checked="true" class="label" value="2" name="Version" id="div_Version_Choice_2">2.0</input>
                                    </xsl:when>
                                    <xsl:otherwise>
                                        <input type="radio" onclick="return loadLifeSpaceVersion('div_Version_Choice_1','12',1)"
                                               checked="true" class="label" value="1" name="Version" id="div_Version_Choice_1">1.01</input>
                                        <input type="radio" onclick="return loadLifeSpaceVersion('div_Version_Choice_2','12',2)"
                                               class="label" value="2" name="Version" id="div_Version_Choice_2">2.0 Beta Version</input>
                                    </xsl:otherwise>
                                </xsl:choose>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <span class="label">* Please note that using a Beta Version means you may experience minor bugs or unfinished areas.</span>
                        </td>
                    </tr>
                </xsl:if>
                <xsl:if test ="User[Mode = 'settings']">
                    <tr>
                        <td style="padding-top: 2px;">
                            <span class="labelBold" style="color: #17375E;">First Name:</span>
                        </td>
                        <td style="padding-top: 2px; padding-left: 10px;">
                            <xsl:choose>
                                <xsl:when test ="$IsComplete != 1">
                                    <input id="txtFName" type="text" value="{$First}" class="label"
                                           style="width: 180px; height: 15px; border: 2px solid #4F81BD;"/>
                                </xsl:when>
                                <xsl:otherwise>
                                    <input id="txtFName" type="text" value="{$First}" class="label" style="width: 180px; height:20px; border: 2px solid #4F81BD; display:none;"/>
                                    <span id="lblFirst" class="label" style="display:block;">
                                        <xsl:value-of select ="$First"/>
                                    </span>
                                </xsl:otherwise>
                            </xsl:choose>
                        </td>
                        <td style="padding-top: 2px; padding-left: 10px;">
                            <span class="labelBold" style="color: #17375E;">Last Name:</span>
                        </td>
                        <td style="padding-top: 2px; padding-left: 10px;">
                            <xsl:choose>
                                <xsl:when test ="$IsComplete = 1">
                                    <input id="txtLName" type="text" value="{$Last}" class="label" style="width: 180px; height: 20px; border: 2px solid #4F81BD; display:none;"/>
                                    <span id="lblLast" class="label" style="display:block;">
                                        <xsl:value-of select ="$Last"/>
                                    </span>
                                </xsl:when>
                                <xsl:otherwise>
                                    <input id="txtLName" type="text" value="{$Last}" class="label"
                                           style="width: 180px; height: 15px; border: 2px solid #4F81BD;"/>
                                </xsl:otherwise>
                            </xsl:choose>

                        </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:choose>
                                <xsl:when test ="$IsComplete = 1">
                                    <span id="ddlBirth" style="display:none;">
                                        <xsl:call-template name ="BirthdayDropDown">
                                            <xsl:with-param name="DateOfBirthMasterData" select="User/DateOfBirth/.">
                                            </xsl:with-param>
                                            <xsl:with-param name="Day" select="$Day">
                                            </xsl:with-param>
                                            <xsl:with-param name="Month" select="$Month">
                                            </xsl:with-param>
                                            <xsl:with-param name="Year" select="$Year">
                                            </xsl:with-param>
                                        </xsl:call-template>
                                    </span>
                                    <span id="lblBirth" class="label" style="display:block;">
                                        <xsl:value-of select ="$Birth"/>
                                    </span>
                                </xsl:when>
                                <xsl:otherwise>
                                    <span id="ddlBirth">
                                        <xsl:call-template name ="BirthdayDropDown">
                                            <xsl:with-param name="DateOfBirthMasterData" select="User/DateOfBirth/.">
                                            </xsl:with-param>
                                            <xsl:with-param name="Day" select="$Day">
                                            </xsl:with-param>
                                            <xsl:with-param name="Month" select="$Month">
                                            </xsl:with-param>
                                            <xsl:with-param name="Year" select="$Year">
                                            </xsl:with-param>
                                        </xsl:call-template>
                                    </span>
                                </xsl:otherwise>
                            </xsl:choose>
                        </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;">
                            <xsl:choose>
                                <xsl:when test ="$IsComplete = 1">
                                    <span id="rdbSex" class="label" style="display:none;">
                                        <xsl:choose>
                                            <xsl:when test ="$Sex = 'Male'">
                                                <input id="rdbMale" type="radio" name="sex" value="male" checked="checked"/> Male
                                                &#xa0;<input id="rdbFemale" type="radio" name="sex" value="female"/>Female
                                            </xsl:when>
                                            <xsl:when test ="$Sex = 'Female'">
                                                <input id="rdbMale" type="radio" name="sex" value="male" /> Male
                                                &#xa0;<input id="rdbFemale" type="radio" name="sex" value="female" checked="checked"/>Female
                                            </xsl:when>
                                            <xsl:otherwise>
                                                <input id="rdbMale" type="radio" name="sex" value="male"/> Male
                                                &#xa0;<input id="rdbFemale" type="radio" name="sex" value="female"/>Female
                                            </xsl:otherwise>
                                        </xsl:choose>
                                    </span>
                                    <span id="lblSex" class="label" style="display:block;">
                                        <xsl:value-of select ="$Sex"/>
                                    </span>
                                </xsl:when>
                                <xsl:otherwise>
                                    <span id="rdbSex" class="label">
                                        <input id="rdbMale" type="radio" name="sex" value="male"/> Male
                                        &#xa0;<input id="rdbFemale" type="radio" name="sex" value="female"/>Female
                                    </span>
                                </xsl:otherwise>
                            </xsl:choose>

                        </td>
                    </tr>
                    <tr>
                        <td style="padding-top: 20px;">
                            <xsl:choose>
                                <xsl:when test ="$IsComplete = 1">
                                    <input id ="btnUpdate" type="button" class="button" value="Update" style="display:none;margin-bottom:10px;"
                              onClick='register_UpdateUser("txtFName","txtLName",
                                    "ddlMonth","ddlDay","ddlYear","rdbMale","rdbFemale");'>
                                    </input>
                                    <input id="btnEdit" type="button" class="button" value="Edit" style="display:block;margin-bottom:10px;"
                                        onClick='register_DisplayControls();'>
                                    </input>
                                </xsl:when>
                                <xsl:otherwise>
                                    <input id ="btnUpdate" type="button" class="button" value="Update" style="margin-bottom:10px;"
                             onClick='register_UpdateUser("txtFName","txtLName",
                                    "ddlMonth","ddlDay","ddlYear","rdbMale","rdbFemale");'/>
                                </xsl:otherwise>
                            </xsl:choose>
                        </td>
                    </tr>
                </xsl:if>
            </table>
        </div>
    </xsl:template>
</xsl:stylesheet>
