<%@ page language="C#" autoeventwireup="true" inherits="Login, App_Web_opf5pusz" title="Login" stylesheettheme="Default" uiculture="auto" meta:resourcekey="PageResource1" enableEventValidation="false" viewStateEncryptionMode="Never" %>



<%@ Register Src="~/UserControls/ConfirmationBox/ConfirmationBoxControl.ascx" TagName="ConfirmationBoxControl"
    TagPrefix="uc1" %>
<%@ Register Src="~/UserControls/Security/ForgotPassword.ascx" TagName="ForgotPasswordControl"
    TagPrefix="fpc" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head id="Head1" runat="server">
    <title>Login Page</title>


    <link href="../../../App_Themes/BlackTheme/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
    <%--<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />--%>

    <link href="~/App_Themes/BlackTheme/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="../../../App_Themes/BlackTheme/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <!-- iCheck -->
    <%--<link href="../../../App_Themes/BlackTheme/plugins/iCheck/square/blue.css" rel="stylesheet" type="text/css" />--%>
    <link rel="shortcut icon" href="~/ContentTemplates/Brand/favicon.png" type="image/x-icon" />
    <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/ghpages-materialize.css" rel="stylesheet" />
    <link href="~/App_Themes/newTheme/css/bootstrap.css" rel="stylesheet" />
    <link href="~/App_Themes/newTheme/fonts/icomoon.css" rel="stylesheet" />

    <!-- Font Awesome Icons -->
    <link href="~/App_Themes/newTheme/css/fontawesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <%-- <link href="../../../App_Themes/BlackTheme/dist/css/AdminLTE1.css" rel="stylesheet" type="text/css" />--%>
    <link href="~/App_Themes/newTheme/css/AdminLTE1.css" rel="stylesheet" type="text/css" />


    <script language="Javascript" type="text/javascript">
        // declare a new JavaScript variable
        var popWindow;
        // declare a new function, newWindow
        function newWindow(winID) {

            // declare variable winURL, setting it to the name of the PHP file
            // and accompanying data.
            var winURL = "ForgotPassword.aspx";
            // If the popup window does not exist, or it is currently closed,
            // open it.
            if (!popWindow || popWindow.closed) {
                popWindow = window.open(winURL, 'Forgot_Password', 'dependent,width=400,height=180,left=150,top=100');
            }
                // If the popup window is already open, make it active and update
                // its location to winURL.
            else {
                popWindow.focus();
                popWindow.location = winURL;
            }
        }

        function LogoImageButtonClick() {
            popwindow = null;
            var left = (screen.width / 2) - (1000 / 2);
            var top = (screen.height / 2) - (500 / 2);

            if (popwindow == null) {
                popwindow = window.open('http://www.vidyalayaschoolsoftware.com', '', 'height=600,width=1000,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes' + ', top=' + top + ', left=' + left)

            }
            else {
                popwindow.close();
                popwindow = window.open('http://www.vidyalayaschoolsoftware.com', '', 'height=600,width=1000,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes' + ', top=' + top + ', left=' + left)
            }
        }
    </script>
    <style type="text/css">
        .body {
            /*background: url(../../../App_Themes/BlackTheme/pages/examples/5.png) no-repeat center center fixed;*/
            /*background: url(../../../Content/1001OrgGroup/LoginBackground/10.jpg) no-repeat center center fixed;*/
            /*This path is working perfectly*/
            /*background-image: url("../../../Content/1001OrgGroup/Other/LoginBg.jpg"),url("../../../ContentTemplates/LoginBg.jpg");*/
            background-image: url("../../../ContentTemplates/LoginBg.jpg");
            /*style="background-image:url('../../../App_Themes/BlackTheme/pages/examples/5.png');background-color:white;background-repeat:repeat-x;position:relative;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;"*/
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-color: rgba(50%, 50%, 50%, 0.2);
            overflow-y: auto;
        }
    </style>
</head>

<body id="bodytag" runat="server" class="login-page body" data-open="click" data-menu="vertical-menu" data-col="1-column" style="">    
    <div class="vertical-layout vertical-menu 1-column blank-page col-md-12">
        <div id="bannerContainer" runat="server" visible="false"></div>
        <div class="col-md-4 scroller__content offset-md-4 col-xs-12 z999 col-sm-12 box-shadow-2 box effect2 p-0 mtb10">
            <div class="card border-grey border-lighten-3 m-0" id="monster">                
                <form method="post" id="form1" runat="server">
                    <div class="login-logo card-title text-xs-center">
                        <!--<div class="login-logo">
              <a href="../../index2.html"><b>Admin</b>LTE</a>

                  border color should be : #e3e3e3
            </div>-->

                        <div style="margin-top: 0px; background-color: white;" id="monster">
                            <asp:Label ID="ErrorLabel" Visible="false" runat="server" Width="100%" ForeColor="Red"
                                meta:resourcekey="ErrorLabelResource1"></asp:Label>
                            <div class="login-logo">
                                <a runat="server" id="BrandWebsite" target="_blank"><b style="color: #3c8dbc">
                                    <asp:Label runat="server" ID="BrandName"></asp:Label>
                                </b>Login</a>

                                <%--<a runat="server" Id="A1" href="<%$ AppSettings:BrandWebSite %>" target="_blank"><b style="color:#3c8dbc"><asp:Label runat="server" ID="Label1"></asp:Label> </b>Login</a>--%>
                                <%--<a href="http://www.vidyalayaschoolsoftware.com" target="_blank"><b style="color:#3c8dbc">Vidyalaya </b>Login</a>--%>
                            </div>
                            <!-- /.login-logo -->
                            <p class="login-box-msg" style="font-size: medium">Sign in to start your session</p>

                            <div class="card-body overflow-hidden">
                                <div class="card-block pb-0 pt-0">
                                    <asp:ScriptManager ID="LoginScriptManager" runat="server" EnablePageMethods="True">
                                    </asp:ScriptManager>
                                    <div class="form-group  position-relative">                                        
                                <asp:DropDownList ID="OrgDropDownList" runat="server" style="display:block !important;border:none;width:412px" CssClass="form-control"
                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="ModuleDropDownListResource1"
                                    AutoPostBack="true" OnSelectedIndexChanged="OrgDropDownList_OnSelectedIndexChanged">
                                </asp:DropDownList>


                                <%--                          <select  style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">
                              <option value="Organization">Select Organization</option>
                              <option value="volvo">Volvo</option>
                              <option value="saab">Saab</option>
                              <option value="mercedes">Mercedes</option>
                              <option value="audi">Audi</option>
                          </select>--%>
                            </div>
                                    <div class="form-group has-feedback">

                                        <asp:DropDownList ID="BatchDropDownList" runat="server" class="form-control" Visible="false" Style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">
                                        </asp:DropDownList>

                                        <%--<select class="form-control" style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">
                              <option value="Batch">Select Batch</option>
                              <option value="volvo">Volvo</option>
                              <option value="saab">Saab</option>
                              <option value="mercedes">Mercedes</option>
                              <option value="audi">Audi</option>
                          </select>--%>
                                    </div>
                                    <div class="form-group has-feedback">



                                        <%--<input type="text" class="form-control" placeholder="Username" />--%>

                                        <asp:TextBox CssClass="form-control" ID="userNameTextBox" MaxLength="100" runat="server" AutoPostBack="true" style="padding-left: 11px"
                                            placeholder="Username" SkinID="CustomWidthTextbox" meta:resourcekey="userNameTextBoxResource1" OnTextChanged="userNameTextBox_TextChanged"></asp:TextBox>

                                        <span class="glyphicon glyphicon-user form-control-feedback"></span>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <%--<input type="password" class="form-control" placeholder="Password" />--%>

                                        <asp:TextBox class="form-control" ID="passwordTextBox" MaxLength="25" TextMode="Password" runat="server"
                                            placeholder="Password" style="padding-left: 11px;padding-right: 33px;"
                                            meta:resourcekey="passwordTextBoxResource1"></asp:TextBox>

                                        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                                    </div>
                                    <div class="row">
                                        <%-- <div class="col-xs-7" style="padding-left: 15px;">


                        
                        <asp:CheckBox ID="chkRememberMe" runat="server" />
                        <asp:Label ID="IsRemember" runat="server"
                            Text="Remember Login?"></asp:Label>


                    </div>--%>
                                        <!-- /.col -->
                                        <%-- <div class="col-xs-5" style="float: right;">
                        <asp:LinkButton Style="font-size: 13px; float: right;" target="_blank" ID="ForgotPasswordLink" runat="server" OnClick="ForgotPasswordLink_Click">Forgot Password</asp:LinkButton>
                    </div>--%>
                                        <div class="col-xs-5" style="float: right; margin-left: -11px;">
                                            <asp:LinkButton ID="LogOutButton" runat="server" class="btn btn-primary"
                                                OnClick="LogOutButton_Click"
                                                meta:resourcekey="loginButtonResource1" Text="Log Out" Visible="false" />

                                        </div>
                                        <div style="float: right;">
                                            <asp:LinkButton ID="ResetButton" runat="server" class="btn btn-primary"
                                                OnClick="ResetButton_Click" Visible="false"
                                                meta:resourcekey="loginButtonResource1" Text="Reset" />

                                        </div>

                                        <asp:LinkButton ID="loginButton" runat="server" class="btn btn-primary btn-lg btn-block"
                                            OnClick="loginButton_Click" data-target="#myModal"
                                            meta:resourcekey="loginButtonResource1">

                                    <i class="icon-unlock2"></i> Login
                                        </asp:LinkButton>
                                        <asp:LinkButton ID="CheckInLinkButton" runat="server" class="btn btn-primary btn-lg btn-block"
                                            OnClick="loginButton_Click" data-target="#myModal" Enabled="false" Visible="false"
                                            meta:resourcekey="loginButtonResource1">
                                    <i class="icon-unlock2"></i> Check In
                                        </asp:LinkButton>

                                        <asp:LinkButton ID="CheckOutLinkButton" runat="server" class="btn btn-primary btn-lg btn-block"
                                            OnClick="loginButton_Click" data-target="#myModal" Enabled="false" Visible="false"
                                            meta:resourcekey="loginButtonResource1">
                                    <i class="icon-unlock2"></i> Check Out
                                        </asp:LinkButton>
                                        <%--<div style="float: right; margin-right: 7px;">
                        <asp:LinkButton ID="loginButton" runat="server" class="btn btn-primary"
                            OnClick="loginButton_Click"
                            meta:resourcekey="loginButtonResource1" Text="Log In" />

                    </div>--%>

                                        <div class="col-xs-4">
                                            <%-- <button runat="server" ID="LogoImageButton" type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>--%>


                                            <asp:UpdatePanel ID="ConfirmationBoxUpdatePanel" runat="server" RenderMode="Inline">
                                                <ContentTemplate>
                                                    <uc1:ConfirmationBoxControl ID="LoginConfirmBox" runat="server" OnOkClick="ConfirmBox_OK"
                                                        OnCancelClick="ConfirmBox_Cancel" Visible="false" />
                                                </ContentTemplate>
                                            </asp:UpdatePanel>



                                            <%--<button runat="server" ID="loginButton" type="button" class="btn btn-primary btn-block btn-flat" onclick="loginButton_Click"
                                        meta:resourcekey="loginButtonResource1">Sign In</button>--%>

                                            <%-- <asp:UpdatePanel ID="ForgotPasswordUpdatePanel" runat="server" RenderMode="Inline">
                            <ContentTemplate>
                                <fpc:ForgotPasswordControl ID="ForgotPasswordBox" runat="server" Visible="false" />
                            </ContentTemplate>
                        </asp:UpdatePanel>--%>
                                        </div>

                                        <!-- /.col -->
                                    </div>
                                </div>
                                <asp:ImageButton Visible="false" runat="server" ID="LogoImageButton" ImageUrl="../../../Images/LogoNew.png" />




                                <!--<div class="social-auth-links">-->
                                <!--For Support : 079 12345678




        <a href="https://www.sapphiresolutions.net">Powered By : Sapphire Software Solutions</a>-->
                                <!--<p>- OR -</p>

        <a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign in using Facebook</a>
        <a href="#" class="btn btn-block btn-social btn-google-plus btn-flat"><i class="fa fa-google-plus"></i> Sign in using Google+</a>-->
                                <!--</div> /.social-auth-links -->
                                <!--<a href="#">I forgot my password</a><br>
        <a href="register.html" class="text-center">Register a new membership</a>-->

                                <!-- /.login-box-body -->
                            </div>
                        </div>

                    </div>
            </div>
        </div>

        <div class="himsBoxContent">
            <div id="Div5" runat="server" style="margin-top: -60px;">
                <asp:GridView ID="EmployeeGridView" runat="server" Width="50%" AutoGenerateColumns="False" HorizontalAlign="Center"
                    AllowPaging="true" SkinID="" PagerSettings-Visible="false" EmptyDataText="No Records Found !!" BackColor="White"
                    DataKeyNames="EmployeeID,Id"
                    PageSize="100" CssClass="table  table-bordered">
                    <Columns>
                        <asp:TemplateField HeaderText="UserName" ItemStyle-Width="5%">
                            <ItemTemplate>
                                <asp:Label runat="server" Text='<%#Eval("LoginTitle") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Photo" ItemStyle-Width="5%">
                            <ItemTemplate>
                                <asp:Image ID="Image1" runat="server" ImageUrl='<%#GetImage (Eval("EmployeePhoto")) %>' Height="65px" Width="80px" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Name" ItemStyle-Width="5%">
                            <ItemTemplate>
                                <asp:Label runat="server" Text='<%#Eval("Name") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="In Time" ItemStyle-Width="5%">
                            <ItemTemplate>
                                <asp:Label runat="server" Text='<%#Eval("CheckInTime") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="CheckOutTime" ItemStyle-Width="5%">
                            <ItemTemplate>
                                <asp:Label ID="CheckOutTimeLabel" runat="server" Text='<%#Eval("CheckOutTime") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>

                    </Columns>
                </asp:GridView>
            </div>
        </div>
        </form>
        <!-- /.login-box -->

        <div style="background-color: black; width: 100%; height: 30px; z-index: 3; opacity: 0.8;" class="navbar-fixed-bottom">

            <asp:Label ForeColor="GhostWhite" runat="server" ID="LicencedLabel"></asp:Label>
            <asp:Label ForeColor="GhostWhite" ID="SupportPhoneNoLabel" runat="server"></asp:Label>
            <%--<a runat="server" style="color:ghostwhite" ID="ContacatusHyperLink" Target="_blank" href="https://www.sapphiresolutions.net"></a>--%>
            <asp:HyperLink Style="color: ghostwhite" runat="server" ID="ContacatusHyperLink" Target="_blank">
             
         
            </asp:HyperLink>
        </div>

        <!-- jQuery 2.1.3 -->
        <script src="../../../App_Themes/BlackTheme/plugins/jQuery/jQuery-2.1.3.min.js" type="text/javascript"></script>
        <!-- Bootstrap 3.3.2 JS -->
        <script src="../../../App_Themes/BlackTheme/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <!-- iCheck -->
        <%--<script src="../../../App_Themes/BlackTheme/plugins/iCheck/icheck.min.js" type="text/javascript"></script>--%>
        <%-- <script type="text/javascript">
        $(function () {
            $('input').iCheck({
                checkboxClass: 'icheckbox_square-blue',
                radioClass: 'iradio_square-blue',
                increaseArea: '20%' // optional
            });
        });

       

    </script>--%>
    </div>
</body>







</html>
