<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="HRMS.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <title>Cloud HR - Login::.</title>
    <link href="/ThemeScrips/a_data/bootstrap.css" rel="stylesheet">
    <link href="/ThemeScrips/a_data/bootstrap-reset.css" rel="stylesheet">
    <link href="/ThemeScrips/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet"
        type="text/css" />
    <link href="/ThemeScrips/a_data/jquery.css" rel="stylesheet" type="text/css" media="screen">
    <link rel="stylesheet" href="/ThemeScrips/a_data/owl.css" type="text/css">
    <link href="/ThemeScrips/a_data/datetimepicker.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/ThemeScrips/a_data/datetimepicker.css">
    <!--right slidebar-->
    <link href="/ThemeScrips/a_data/slidebars.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="/ThemeScrips/a_data/style.css" rel="stylesheet">
    <link href="/ThemeScrips/a_data/style-responsive.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
    <!-- GridView Datatable CSS -->
    <link rel="stylesheet" type="text/css" href="/ThemeScrips/Datatables/media/css/demo_page.css" />
    <link href="/ThemeScrips/Datatables/media/css/demo_table.css" rel="stylesheet" type="text/css" />
    <%--<link href="/ThemeScrips/Datatables/media/css/demo_table_jui.css" rel="stylesheet" type="text/css" />--%>
    <script src="/ThemeScrips/a_data/config.js" type="text/javascript"></script>
    <script type="text/javascript" src="/ThemeScrips/a_data/en.js"></script>
    <script type="text/javascript" src="/ThemeScrips/a_data/styles.js"></script>
</head>
<body>
    <form role="form" runat="server" id="formLogin">
    <div class="container-fluid full_bg">
        <div class="row">
            <div class="col-md-12 text-center">
                <div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12 ">
                                <ul>
                                    <h1>
                                        <i class="fa fa-cloud" aria-hidden="true"></i>Human Resource Management System</h1>
                                </ul>
                                <hr />
                            </div>
                            <asp:TextBox ID="txt_user" Style="font-size: large; font-weight: bold" Font-Bold="true"
                                runat="server" Visible="false"></asp:TextBox>
                            <asp:TextBox ID="txt_pass" runat="server" Visible="false"></asp:TextBox>
                            <div class="row " style="padding-top: 20%">
                                <div class="container">
                                    <div class="col-md-4 pull-right">
                                        <div id="divMessage" runat="server" visible="false" class="alert alert-danger alert-dismissable">
                                            <asp:Label ID="lblMessage" class="msg" runat="server" Text=""></asp:Label>
                                        </div>
                                        <h2 class="form-signin-heading">
                                            Sign In</h2>
                                        <div class="row">
                                            <asp:TextBox ID="tbx_User" class="form-control" runat="server" placeholder="User"></asp:TextBox>
                                        </div>
                                        <div class="row" style="padding-top: 1%;">
                                            <asp:TextBox ID="tbx_password" class="form-control" runat="server" placeholder="Password"
                                                TextMode="Password"></asp:TextBox>
                                        </div>
                                        <div class="row" style="padding-top: 1%;">
                                            <a href="#" data-target="#frgt_pass" data-toggle="modal" class="help-block" style="color: White;">
                                                Forgot Your Password?</a>
                                            <asp:Button ID="btnLogin" runat="server" class="btn btn-primary btn-block" Text="Sign In"
                                                OnClick="btnLogin_Click"></asp:Button>
                                            <br />
                                            <a href="#" data-target="#reg" data-toggle="modal" style="color: White;">Not a member?
                                                Sign Up</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal fade" id="reg" role="dialog">
                            <div class="modal-dialog modal-dialog-center" style="width: 500px">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">
                                            &times;</button>
                                        <h3 class="modal-title">
                                            Sign Up</h3>
                                        <p>
                                            Please fill in this form to Create an Account and receive User ID and Password by
                                            Email</p>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-group">
                                            <label class="control-label col-md-3" style="margin-left: 20px; color: Black">
                                                Your Name</label>
                                            <div class="row">
                                                <div class="col-md-10 col-md-offset-1">
                                                    <asp:TextBox ID="txt_name" runat="server" Height="40px" CssClass="form-control col-md-2"></asp:TextBox>
                                                    <asp:RequiredFieldValidator SetFocusOnError="true" ValidationGroup="save" runat="server"
                                                        ID="req_txt_name" ControlToValidate="txt_name" ErrorMessage="Name is Required!" />
                                                </div>
                                            </div>
                                            <label class="control-label col-md-2" style="margin-left: 23px; color: Black; padding-top: 15px">
                                                Email</label>
                                            <div class="row">
                                                <div class="col-md-10 col-md-offset-1">
                                                    <asp:TextBox ID="txt_email" runat="server" Height="40px" CssClass="form-control col-md-2"></asp:TextBox>
                                                    <asp:RequiredFieldValidator SetFocusOnError="true" ValidationGroup="save" runat="server"
                                                        ID="Req_txt_email" ControlToValidate="txt_email" ErrorMessage="Email is Required!" />
                                                </div>
                                            </div>
                                            <label class="control-label col-md-4" style="margin-left: 14px; color: Black; padding-top: 15px">
                                                Company Name</label>
                                            <div class="row">
                                                <div class="col-md-10 col-md-offset-1">
                                                    <asp:TextBox ID="txt_cmp_name" runat="server" Height="40px" CssClass="form-control col-md-2"></asp:TextBox>
                                                    <asp:RequiredFieldValidator SetFocusOnError="true" ValidationGroup="save" runat="server"
                                                        ID="Req_txt_cmp_name" ControlToValidate="txt_cmp_name" ErrorMessage="Company is Required!" />
                                                </div>
                                            </div>
                                            <label class="control-label col-md-4" style="margin-left: 24px; color: Black; padding-top: 15px">
                                                Company Category</label>
                                            <div class="row">
                                                <div class="col-md-10 col-md-offset-1">
                                                    <asp:TextBox ID="txt_cmp_cat" runat="server" Height="40px" CssClass="form-control col-md-2"></asp:TextBox>
                                                    <asp:RequiredFieldValidator SetFocusOnError="true" ValidationGroup="save" runat="server"
                                                        ID="Req_txt_cmp_cat" ControlToValidate="txt_cmp_cat" ErrorMessage="Category is Required!" />
                                                </div>
                                            </div>
                                            <label class="control-label col-md-5" style="margin-left: 15px; color: Black; padding-top: 15px;">
                                                Number of Employees</label>
                                            <div class="row">
                                                <div class="col-md-10 col-md-offset-1">
                                                    <asp:TextBox ID="txt_emp" runat="server" Height="40px" CssClass="form-control col-md-2"></asp:TextBox>
                                                    <asp:RequiredFieldValidator SetFocusOnError="true" ValidationGroup="save" runat="server"
                                                        ID="Req_txt_emp" ControlToValidate="txt_emp" ErrorMessage="No. Of Employees Required!" />
                                                </div>
                                            </div>
                                            <div class="row" style="padding-top: 10px">
                                                <asp:Button ID="btn_submit" runat="server" CssClass="btn btn-success col-md-7" Style="margin-left: 100px"
                                                    Text="Sign Up" OnClick="btn_submit_Click" ValidationGroup="save"></asp:Button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <p style="text-transform: capitalize; color: Gray" class="pull-left">
                                            <b>Note: Your Account will Expire after 15 Days</b></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal fade" id="frgt_pass" role="dialog">
                            <div class="modal-dialog modal-dialog-center" style="width: 500px">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">
                                            &times;</button>
                                        <h3 class="modal-title">
                                            Reset Password</h3>
                                        <p>
                                            Please Provide your Company Email Address</p>
                                    </div>
                                    <div class="modal-body">
                                        <div class="row">
                                            <label class="control-label col-md-1 col-md-offset-1" style="color: Black;">
                                                Email</label>
                                            <div class="col-md-8">
                                                <asp:TextBox ID="txt_eml" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator SetFocusOnError="true" ValidationGroup="reset" runat="server"
                                                    ID="Req_txt_eml" ControlToValidate="txt_eml" ErrorMessage="Email is Required!" />
                                            </div>
                                        </div>
                                        <div class="row" style="padding-top: 10px">
                                            <div class="col-md-2">
                                                <asp:Button ID="btn_reset" runat="server" CssClass="btn btn-success" ValidationGroup="reset"
                                                    Style="margin-left: 110px; width: 250px;" Text="Reset Password" OnClick="btn_reset_Click">
                                                </asp:Button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <p style="text-transform: capitalize; color: Gray" class="pull-left">
                                            <b>Note: Password will be sent by Email</b></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <script src="/ThemeScrips/a_data/jquery_004.js"></script>
                        <script src="/ThemeScrips/a_data/bootstrap.js"></script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </form>
    <br />
</body>
</html>
