<%@ page language="C#" autoeventwireup="true" inherits="Pages_BaseFramework_Security_ForgotPassword, App_Web_opf5pusz" stylesheettheme="Default" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <title>Forgot Password</title>
    <link rel="shortcut icon" href="../../../ContentTemplates/Brand/favicon.png" type="image/x-icon" />
    <link href="~/App_Themes/responsiv-popup.css" rel="stylesheet" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Poppins|Roboto" rel="stylesheet">
    <link href="~/App_Themes/newTheme/css/bootstrap.css" rel="stylesheet" />
    <link href="~/App_Themes/newTheme/css/fontawesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../../../App_Themes/newTheme/css/forgotpassword.css" rel="stylesheet" type="text/css" />
</head>
<body id="bodytag" runat="server">
    <section class="center">
        <form id="form1" autocomplete="off" runat="server">
            <div class="maincontainer">
                <div class="bothsidebox">
                    <div class="leftcard">
                        <div class="cardinside">
                            <a runat="server" id="BrandWebsite" target="_blank">
                                <img src="../../../ContentTemplates/Brand/vidyalaya_logo.png" alt="logo" />
                            </a>
                        </div>
                        <div class="logotext">
                            <label id="lblErrorCode" style="display: none;" class="errmsg" runat="server"></label>
                            <label id="lblSuccessCode" style="display: none;" class="successmsg" runat="server"></label>
                            <p><span class="maintxt">Forgot</span> Password</p>
                        </div>
                        <div class="iconz">
                            <div class="container">
                                <div class="box">
                                    <img src="../../../ContentTemplates/Brand/ic_user.png" class="usrimg" alt="usericon" />
                                    <input type="text" id="txtUserName" maxlength="100" runat="server" tabindex="1">
                                    <label for="txtUserName">Username</label>
                                </div>
                                <div class="box m-0">
                                    <img src="../../../ContentTemplates/Brand/ic_email.png" class="pwdimg" alt="pwd" />
                                    <input id="txtEmail" type="text" maxlength="100" runat="server" tabindex="2">
                                    <label for="txtEmail">Email Id</label>
                                </div>
                                <div>
                                    <p id="lblErrorCode1" class="ormsg or_msg">OR</p>
                                </div>
                                <div class="box m-0">
                                    <img src="../../../ContentTemplates/Brand/ic_phone.png" class="pwdimg" alt="pwd" />
                                    <input id="txtNumber" type="tel" maxlength="100" runat="server" tabindex="3"
                                        onkeypress="javascript:return isNumberKey(this)">
                                    <label for="txtNumber">Mobile Number</label>
                                </div>
                            </div>
                            <div class="formessentials">
                                <div class="sbtndiv">
                                    <button id="btnSubmit" type="button" class="sbtn" tabindex="3" onclick="ValidateDetails();">
                                        <img src="../../../ContentTemplates/Brand/padlock.png" class="simg" alt="usericon" />
                                        <span>Submit</span>
                                    </button>
                                </div>
                                <div class="backdiv">
                                    <asp:Button ID="BackButton" Text="&#xf060;  Back" runat="Server" CssClass="back backimg fas btn btn-primary btn-lg btn-block" OnClick="BackButton_Click" />
                                    <i class="bi bi-arrow-left-short"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="rightcard">
                        <div class="rightimage">
                            <img src="../../../ContentTemplates/Brand/img_right.png" alt="rightbanner" />
                        </div>
                        <div class="rightitems">
                            <p>
                                Licenced No : <span class="spanblack" runat="server" id="LicenceNo"></span>
                                | Licenced To : <span class="spanblack" runat="server" id="LicenceTo"></span>
                                | IP Address : <span class="spanblack" runat="server" id="IPAddressLabel"></span>|
                                <br />
                                Version Number : <span class="spanblack" runat="server" id="VersionNo"></span>
                                <span runat="server" id="ContactusDiv">| Powered By : <a target="_blank" class="spanblack" runat="server" id="ContacatusHyperLink"></a></span>
                                <span runat="server" id="DevelopByDiv">| Developed By : <a target="_blank" class="spanblack" runat="server" id="DevelopedByHyperLink"></a></span>
                                |
                                <br />
                                <asp:Label ID="SupportPhoneNoLabel" runat="server" CssClass="spanblack"></asp:Label>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </section>

    <%-- divLoadingmsg --%>
    <div id="divLoadingmsg" class="hls-wrap">
        <div class="hls-container">
            <div class="hls-content">
                <div class="dsh-syndicate white-popup" style="display: inline-block; width: 119%;">
                    <div class="shippingcard" style="text-align: center; vertical-align: middle; width: 100%;">
                        <span id="msg1">Loading Details</span><br />
                        <span style="line-height: 2;" id="msg2"><b>Loading ...</b></span><br />
                        <span>
                            <img src="/images/loading.gif" /></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%-- divLoadingmsg --%>
    <script src="../../../App_Themes/newTheme/js/jquery-3.3.1.min.js"></script>
    <script src="../../../App_Themes/newTheme/js/constellation.js"></script>

    <script src="../../../App_Themes/newTheme/js/materialize.js" type="text/javascript"></script>
    <script src="../../../App_Themes/newTheme/js/init.js" type="text/javascript"></script>
</body>
</html>
<script type="text/javascript" src='<%=ResolveUrl("~/JavaScript/rjs/lib/jquery.js")%>'></script>
<%--<script type="text/javascript" src='<%=ResolveUrl("~/JavaScript/rjs/pagejs/forgot-password-encrypt.js")%>'></script>--%>
<script type="text/javascript" src='<%=ResolveUrl("~/JavaScript/rjs/pagejs/forgot-password.js")%>'></script>
<script>
    $(document).ready(function () {
        CloseHls();
        $("input").each(function (e) {
            if ($(this).val() == '') {
                $(this).closest('.box').removeClass('username');
            } else {
                $(this).closest('.box').addClass('username');
            }
        });
        $("#Label1").css('display', 'none');

        $(document).on('focus blur', 'input', function () {
            if ($(this).val() == '') {
                $(this).closest('.box').removeClass('username');
            } else {
                $(this).closest('.box').addClass('username');
            }
        });
    });
</script>

