<%@ Page Title="" Language="C#" MasterPageFile="~/M3Workflow.Master" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="M3Workflow.Web.Login" %>

<asp:Content ID="ContentPlaceHolderM3WorkflowHeader" ContentPlaceHolderID="head" runat="server">
</asp:Content>

<asp:Content ID="ContentPlaceHolderM3WorkflowLogin" ContentPlaceHolderID="ContentPlaceHolderM3WorkflowMain" runat="server">

    <div class="main-login col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
        <div class="logo"></div>
        <!-- start: LOGIN BOX -->
        <div class="box-login">
            <center><img class="spa-logo" src="assets/images/m3a-xlogo-001.png"></center>
            <br>
            <div class="form-login">
                <div class="errorHandler alert alert-danger no-display">
                    <i class="fa fa-remove-sign"></i>You have some form errors. Please check below.
                </div>
                <fieldset>
                    <div class="form-group">
                        <span class="input-icon">
                            <input id="inputUsername" runat="server" type="text" class="form-control" name="username" placeholder="Username">
                            <i class="fa fa-user"></i></span>
                        <!-- To mark the incorrectly filled input, you must add the class "error" to the input -->
                        <!-- example: <input type="text" class="login error" name="login" value="Username" /> -->
                    </div>
                    <div class="form-group form-actions">
                        <span class="input-icon">
                            <input id="inputPassword" runat="server" type="password" class="form-control password" name="password" placeholder="Password">
                            <i class="fa fa-lock"></i>
                            <a class="forgot" href="?box=forgot">Forgot Password?
                            </a></span>
                    </div>
                    <div class="form-actions">
                        <label for="remember" class="checkbox-inline">
                            <input type="checkbox" class="grey remember" id="remember" name="remember">
                            Remember Me
                        </label>

                        <button id="buttonLogin" runat="server" class="btn btn-green pull-right" onserverclick="buttonLogin_OnClick">
                            LOGIN <i class="fa fa-arrow-circle-right"></i>
                        </button>
                        <br />
                        <asp:Label ID="errorMessage" runat="server" Visible="false" Font-Size="Small" ForeColor="Red" />
                    </div>
                    <div class="footer-info">
                        <!-- start: COPYRIGHT -->
                        <div class="copyright">
                            &copy;<span id="copyrightYear"></span> M3 Accounting. All Rights Reserved.
                        </div>
                        <!-- end: COPYRIGHT -->
                    </div>
                </fieldset>
            </div>
        </div>
        <!-- end: LOGIN BOX -->
        <!-- start: FORGOT BOX -->
        <div class="box-forgot">
            <img class="spa-logo" src="assets/images/m3a-xlogo-001.png"><h3>Forget Password?</h3>
            <p>
                Enter your e-mail address below to reset your password.
            </p>
            <div class="form-forgot">
                <div class="errorHandler alert alert-danger no-display">
                    <i class="fa fa-remove-sign"></i>You have some form errors. Please check below.
                </div>
                <fieldset>
                    <div class="form-group">
                        <span class="input-icon">
                            <input type="email" class="form-control" name="email" placeholder="Email">
                            <i class="fa fa-envelope"></i></span>
                    </div>
                    <div class="form-actions">
                        <a href="?box=login" class="btn btn-light-grey go-back">
                            <i class="fa fa-circle-arrow-left"></i>Back
                        </a>
                        <button type="submit" class="btn btn-green pull-right">
                            SUBMIT <i class="fa fa-arrow-circle-right"></i>
                        </button>
                    </div>
                    <div class="footer-info">
                        <!-- start: COPYRIGHT -->
                        <div class="copyright">
                            &copy;<span id="copyrightYear1"></span> M3 Accounting. All Rights Reserved.
                        </div>
                        <!-- end: COPYRIGHT -->
                    </div>
                </fieldset>
            </div>
        </div>
        <!-- end: FORGOT BOX -->
    </div>

</asp:Content>

<asp:Content ID="ContentPlaceHolderM3WorkflowPageSpecific" ContentPlaceHolderID="ContentPlaceHolderM3WorkflowMainPageSpecific" runat="server">
    <!--
    <script src="assets/plugins/jquery-validation/dist/jquery.validate.min.js"></script>
    -->

    <script src="assets/js/login.js"></script>

    <script>
        jQuery(document).ready(function () {
            $(document.body).addClass("login auto");
            Login.init();
        });
    </script>

</asp:Content>