﻿<?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:output method="xml" indent="yes"/>

    <xsl:template match="/">
        <xsl:variable name="TournamentName" select="TournamentDetail/Tournament/Name"></xsl:variable>
        <xsl:variable name="TournamentDate" select="TournamentDetail/Tournament/TournamentDate"></xsl:variable>
        <xsl:variable name="TournamentImage" select="TournamentDetail/Tournament/ImageURL"></xsl:variable>
        <xsl:variable name="TournamentDescription" select="TournamentDetail/Tournament/Description"></xsl:variable>
        <xsl:variable name="TemplateURL" select="TournamentDetail/Brand/TemplateURL"></xsl:variable>
        <xsl:variable name="HostName" select="TournamentDetail/Brand/HostName"></xsl:variable>
        <xsl:variable name="TournamentItemID" select="TournamentDetail/Brand/ItemID"></xsl:variable>


        <!--<xsl:variable name="TemplatePathURL" select="normalize-space(TournamentDetail/SocialData/TemplateURL)"/>-->

        <xsl:variable name="APIKey" select="normalize-space(TournamentDetail/SocialData/Params/APIKey)"/>

        <xsl:variable name="DisplayFBButton">
            <xsl:choose>
                <xsl:when test="TournamentDetail/SocialData/User/FbUserID">
                    display:none
                </xsl:when>
                <xsl:otherwise>
                    display:block
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>
        <xsl:variable name ="DisplayFBMessage">
            <xsl:choose>
                <xsl:when test="TournamentDetail/SocialData/User/FbUserID">
                    display:block
                </xsl:when>
                <xsl:otherwise>
                    display:none
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>



        <div id="divBrandAdmin" style="background-color:White;" >

            <table class="tableMaster" cellpadding="5" cellspacing="5">
                <!--<tr>
              <td colspan="2">
                <span class="labelHeader">
                  Here, these are the following information about tournament : <xsl:value-of select="$TournamentName"/>
                </span>
              </td>
            </tr>-->

                <tr>
                    <td rowspan="3" style="width:10%">
                        <img src="{$TournamentImage}" style="display: block; border: 0px none;" onload="setWidthAndHeightImage(this, 90);"></img>
                    </td>
                    <td style="width:90%">
                        <span class="label">
                            <xsl:value-of select="$TournamentName"/>
                        </span>
                    </td>

                </tr>

                <tr>

                    <td>
                        <span class="label">
                            <xsl:value-of select="$TournamentDate"/>
                        </span>
                    </td>
                </tr>
                <tr>

                    <td>
                        <span class="label">
                            <xsl:value-of select="$TournamentDescription"/>
                        </span>
                    </td>
                </tr>




                <tr>
                    <td>

                    </td>
                    <td>
                        <table>
                            <tr>
                                <td class="textCenter onMouseOver divBrowseGradient spanBrowseGradientTextGray verticallyMiddle"
                                              style="width:100px;height:30px;margin-right:20px;"
                                              onmouseover="document.getElementById('img_RSVP').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow_hover.png';"
                                              onmouseout="document.getElementById('img_RSVP').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png';">
                                    <img id="img_RSVP" class="verticallyMiddle marginRight5" src="{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png" align="absmiddle"></img>
                                    <span id="span_RSVP" class="verticallyMiddle">RSVP</span>
                                </td>
                            </tr>
                        </table>


                    </td>
                </tr>
                <tr>
                    <td colspan="2">


                        <div id="divSocialLayout" style="width: 100%;margin-bottom: 20px;">
                            <div class="marginTop20" style="margin-bottom: 30px;">
                                <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td align="top">
                                            <span class="superPageLSMessage">Share and connect with your friends.</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="top">
                                            <span class="templateMemoText">
                                                You can easily invite others to join you on LifeSpace or connect with facebook friends.
                                            </span>
                                        </td>
                                    </tr>

                                </table>
                            </div>

                            <div style="margin-left: 40px;">
                                <div class="">
                                    Find your Facebook friends on LifeSpace
                                </div>
                                <div id="divFbNotConnected" class="marginTop10 marginBottom15" style="{$DisplayFBButton};">
                                    <img src="{$TemplateURL}Web/Images/fbconnect.gif" class="link" onclick="facebookLoginPopup(3);" />
                                </div>

                                <div id="divFbConnected" runat="server" style="{$DisplayFBMessage};">
                                    <div style="font-family: Calibri, Verdana, Arial; font-size: 10pt; text-align: justify;">
                                        <b>Congratulations! </b>Your LifeSpace Account now is Linked to Facebook!
                                    </div>
                                    <div style="font-family: Calibri, Verdana, Arial; font-size: 10pt;">
                                        We will announce future features as they become available."
                                    </div>
                                </div>

                                <div id="divFindFriendsOnFacebook" class="marginTop25">
                                    <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td width="60%">
                                                <div class="capitalFont" style="height:20px;">
                                                    EMAIL FRIENDS
                                                </div>
                                                <div class="marginBottom10">
                                                    <input style="height:25px;" id="txt_Social_EmailFriend" type="text" value="ENTER FRIENDS EMAILS" class="TextBoxBorder textAreaNotes"
                                                      onClick="SetTextAreaValue('txt_Social_EmailFriend', 'ENTER FRIENDS EMAILS', 'focus');"
                                                       onblur="SetTextAreaValue('txt_Social_EmailFriend', 'ENTER FRIENDS EMAILS', 'blur');"></input>
                                                </div>
                                                <div class="marginBottom10">
                                                    <textarea id="txt_Soacil_Message" rows="3" class="TextBoxBorder textAreaNotes">
                                                        <xsl:text></xsl:text>
                                                    </textarea>
                                                </div>
                                                <div align="right" class="marginBottom20">
                                                    <table>
                                                        <tr>
                                                            <td class="textCenter onMouseOver divBrowseGradient spanBrowseGradientTextGray verticallyMiddle"
                                                              onclick="Email_InviteUsers_Ver_2_0('txt_Soacil_EmailFriend', 'txt_Soacil_Message', {$TournamentItemID},'','{$TournamentName}','');"
                                                              style="width:100px;height:30px;margin-right:20px;"
                                                              onmouseover="document.getElementById('img_SendInvite').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow_hover.png';"
                                                              onmouseout="document.getElementById('img_SendInvite').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png';">
                                                                <img id="img_SendInvite" class="verticallyMiddle marginRight5" src="{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png" align="absmiddle"></img>
                                                                <span id="span_SendInvite" class="verticallyMiddle">SEND INVITE</span>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                <div class="capitalFont" style="height:20px;">
                                                    COPY AND PASTE
                                                </div>
                                                <div>
                                                    <input style="height:25px;" id="txt_CopyAndPaste" type="text" value="http://{$HostName}" onClick="SelectAll('txt_CopyAndPaste');"
                                                         class="TextBoxBorder textAreaNotes"></input>
                                                </div>
                                            </td>
                                            <td>
                                                <div style="margin-left:50px;">
                                                    <div class="capitalFont" style="height:30px;">
                                                        Get Social
                                                    </div>
                                                    <div>

                                                        <a id="linkFacebook"
                                                           target="_blank" class="link"
                                                           href="http://{normalize-space($HostName)}/LifeSpacePromoter.aspx?Id={normalize-space($TournamentItemID)}&amp;Ref=FB&amp;page=/desktopmodules/LifeSpacePages/Item.aspx">
                                                            <img style="border:0px;" src="{$TemplateURL}Web/Images/Ver_2_0/BT_facebook_60.png" align="absmiddle" class="marginRight15">
                                                            </img>
                                                        </a>

                                                        <a id="linkTwitter"
                                                           target="_blank" class="link"
                                                           href="http://{normalize-space($HostName)}/LifeSpacePromoter.aspx?Id={normalize-space($TournamentItemID)}&amp;Ref=TW&amp;page=/desktopmodules/LifeSpacePages/Item.aspx">
                                                            <img style="border:0px;" src="{$TemplateURL}Web/Images/Ver_2_0/BT_twitter_60.png" align="absmiddle"></img>
                                                        </a>



                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>

                        </div>
                    </td>
                </tr>
            </table>

        </div>

    </xsl:template>
</xsl:stylesheet>
