<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Login.aspx.vb" Inherits="MailEnable.Clients.WebMail.Mobile.Login" %>
<%@ Register TagPrefix="m" TagName="Document" Src="Controls/Document.ascx" %>
<%@ Register TagPrefix="m" TagName="Page" Src="Controls/Page.ascx" %>
<%@ Register TagPrefix="m" TagName="FeedbackMessage" Src="Controls/FeedbackMessage.ascx" %>
<%@ Register TagPrefix="m" TagName="TextBox" Src="Controls/TextBox.ascx" %>
<%@ Register TagPrefix="m" TagName="CheckBox" Src="Controls/CheckBox.ascx" %>
<%@ Register TagPrefix="m" TagName="SelectMenu" Src="Controls/SelectMenu.ascx" %>
<%@ Register TagPrefix="m" TagName="SelectOption" Src="Controls/SelectOption.ascx" %>

<m:Document Title="MailEnable Mobile Login" runat="server">
    <Content>
    <%=MailEnable.WebRequest.GetFacebookLibrary(GetSitePostoffice())%>
<%If MailEnable.WebRequest.ShowFacebookLogin(GetSitePostoffice()) Then%>
<script language="javascript">

    function getAppServletURL(sAppName) {
        var rootURL = 'login.aspx';
        return rootURL;
    }

  function doFBLogin() {
        FB.getLoginStatus(function (response) {
            statusChangeCallback(response);
        });
    }

    function ShowMsg(sMsg) {
        alert(sMsg);
    }

    function statusChangeCallback(response) {
        if (response.status === 'connected') {
            // Logged into your app and Facebook.
            if (VerifyToken('<%=MailEnable.Administration.AuthToken.GetApplicationId("Facebook", GetSitePostoffice())%>', response.authResponse.userID, response.authResponse.accessToken, response.authResponse.expiresIn, 'login')) {
                //redirect to client page
                window.location = "MessageList.aspx?CDT=" + (new Date().getTime());
            }
            else {
                $('#Token').attr("value", response.authResponse.accessToken);
                $('#AuthId').attr("value", response.authResponse.userID);
                $('#bnFbLogin').hide();
                // have not paired account or fb token/user could not be validated
                ShowMsg('Your account will be paired once you have logged in with your credentials.');
            }
        } else if (response.status === 'not_authorized') {
            alert('Please log in and configure Facebook login under options.');
        } else {
            alert('Please log into Facebook before attempting to login.');
        }
    }

</script>
<%End If%>
<% If AllowLanguages Then%>
<script language="javascript">
    $(document).ready(function () {
        $('#ClientLanguage').off();
        $('#ClientLanguage').on('change', function () {
            var sURL = window.location.href.split("?")[0];
            sURL += ("?lang=" + $('#ClientLanguage').val());
            sURL += ("&dt=" + (new Date().getTime()));
            window.location = sURL;
        });
    });
</script>
<%End If%>
        <m:Page Title="MailEnable Mobile Login" id="LoginPage" EmitUrl="true" BackButton="false" MenuButton="false" runat="server">
            <Content>
            <div class="ui-grid-a">

                 <div class="ui-block-a"></div>
                 <div class="ui-block-b"> <% If AllowLanguages Then%>
                    <m:SelectMenu ID="ClientLanguage" Label="Language" LabelVisible="false" runat="server">
                        <Options>
                        </Options>
                    </m:SelectMenu>
                <% End If %>
                </div>
            </div>

                <div class="login_logo"></div>
                <form action="Login.aspx" method="post">
                    <div class="login_inputs">
                        <m:TextBox ID="Username" Label="Username" LabelVisible="false" Placeholder="Username" runat="server" />
                        <m:TextBox ID="Password" Type="password" Label="Password" LabelVisible="false" Placeholder="Password" runat="server" />
                        <m:TextBox ID="Key" Label="Key" LabelVisible="false" Placeholder="Key" runat="server" />

                        <% If AllowPersistentLogins Then%>
                            <m:CheckBox ID="PersistentLogin" Label="Keep me logged in" runat="server" />
                        <% End If %>
                    </div>
                    
                    <div class="ui-grid-a bttn_grid_shell_login">
                        <div class="ui-block-a"><input class="bttn_reset" type="reset"  value="<%=GetText("[ME_TXT-Reset]")%>" data-theme="c" /></div>
                        <div class="ui-block-b"><input type="submit" id="Login" name="Login" value="<%=GetText("[ME_TXT-Login]")%>" data-theme="b" data-icon="arrow-r" data-iconpos="right"/></div>
                        <%If MailEnable.WebRequest.ShowFacebookLogin(GetSitePostoffice()) Then %>
                        <div class="ui-block-c">
                        <fb:login-button id="bnFbLogin" data-size="xlarge" onlogin="doFBLogin()"></fb:login-button>
                        <input type="hidden" id="Token" name="Token"/>
                        <input type="hidden" id="AuthId" name="AuthId"/>
                        </div>
                        <%End If%>
                    </div>
                    <input id="jsoffset" type="hidden" name="offset"/>
                </form>

                <hr/>
                <div class="ui-grid-a">
                    <div class="ui-block-a"></div>
                    <div class="ui-block-b" style="text-align:right"><a href="<%=VirtualDirectoryRootPath %>/Mondo/lang/sys/Login.aspx?Version=Desktop" data-role="button" data-mini="true" rel="external"><%=GetText("[ME_TXT-DesktopVersion]")%></a></div>
                </div>
                
                <% If iPhoneClient AndAlso iPhoneAutomaticConfigurationEnabled Then %>
                  <div class="bttn_grid_shell_login">
                    <a href="Clients.aspx" data-role="button" rel="external">Auto-Configure Clients</a>
                  </div>
                <% End If %>
                
            <m:FeedbackMessage ID="Feedback" Visible="false" runat="server" />
            </Content>
        </m:Page>
    </Content>
</m:Document>