<%@ page language="C#" autoeventwireup="true" inherits="Login_Form_EOD, App_Web_d0xzpksr" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <!-- Bootstrap CSS -->
    <title>Login Form</title>
    <link rel="shortcut icon" type="image/x-icon" href="Images/ebl_logo_Favicon.ico" />

    <!---
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    --->
    
    <link href="Css/Local_LoginPage_bootstrap.min.css" rel="stylesheet" />
    <script src="js/Local_LoginPage_jquery-3.2.1.slim.min.js"></script>
    <script src="js/Local_LoginPage_popper.min.js"></script>

        <link href="Css/Local_SetEodDate_bootstrap.min.css" rel="stylesheet" />
    <link href="Css/Local_CMS_LogSheet_bootstrap-datetimepicker.css" rel="stylesheet" />
    <script src="js/Local_SetEodDate_moment-with-locales.js"></script>
    <script src="js/Local_SetEodDate_bootstrap-datetimepicker.js"></script>
    

    <style type="text/css">
        .auto-style2 {
            width: 100%;
        }
        .auto-style3 {
            text-align: center;
            text-decoration: underline;
            font-size: x-large;
        }
        .auto-style9 {
            width: 418px;
        }
        .auto-style13 {
            width: 213px;
            text-align: center;
            font-size: large;
            text-decoration: underline;
        }
        .auto-style16 {
            width: 227px;
            height: 55px;
        }
        .auto-style17 {
            width: 418px;
            text-align: right;
            height: 55px;
        }
        .auto-style18 {
            width: 418px;
            text-align: right;
            height: 34px;
        }
        .auto-style19 {
            width: 227px;
            height: 34px;
        }
        .auto-style20 {
            height: 34px;
        }
        .auto-style21 {
            width: 227px;
            text-align: center;
        }
        .auto-style22 {
            height: 55px;
        }
    </style>


    <script type="text/javascript">  
       $(window).bind("load", function () {  
           var footer = $("#footer");  
           var pos = footer.position();  
           var height = $(window).height();  
           height = height - pos.top;  
           height = height - footer.height();  
           if (height > 0) {  
               footer.css({  
                   'margin-top': height + 'px'  
               });  
           }  
        }); 
     </script> 



    <script src="js/SweetAlert.js" type="text/javascript"></script>
    <script>
        function alertme_LoginForm_WrongUserIDPassword() {
            Swal.fire({
                type: 'error',
                title: 'Oops...',
                text: 'Wrong User ID or Password!',
            })

        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
            <div>
                <asp:Panel ID="Panel1" runat="server" BackColor="#ff00dc" Height="50px">
                </asp:Panel>
            </div>
        <table class="auto-style2">
            <tr>
                <td class="auto-style3"><strong style="font-family: Georgia, 'Times New Roman', Times, serif">All Account Transaction Info<br />
                    <br />
                    </strong></td>
            </tr>
        </table>


<div class="container">
    <div class="panel panel-primary">
        <div class="panel-heading text-center panel-relative"><span class="auto-style13"><strong><em>Login Form</em></strong></span>
        </div>
        <div class="panel-body">
                 <table class="auto-style2">
                    <tr>
                        <td class="auto-style18">User Name: </td>
                        <td class="auto-style19">
                            <asp:TextBox ID="TextBox_LoginForm_UserName" runat="server" Height="35px" Width="220px" class="form-control" placeholder="User Name" ></asp:TextBox>
                        </td>
                        <td class="auto-style20">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox_LoginForm_UserName" ErrorMessage="*" ValidationGroup="LoginValidate"></asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style17">Password: </td>
                        <td class="auto-style16">
                            <asp:TextBox ID="TextBox_LoginForm_Password" runat="server" Height="35px" Width="220px" class="form-control" placeholder="Password" TextMode="Password"></asp:TextBox>
                        </td>
                        <td class="auto-style22">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBox_LoginForm_Password" ErrorMessage="*" ValidationGroup="LoginValidate"></asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style9">&nbsp;</td>
                        <td class="auto-style21">
                            <asp:Button ID="Button_LoginForm_Login" runat="server" Text="Login"  class="btn btn-secondary" BackColor="#666699" OnClick="Button1_Click" ValidationGroup="LoginValidate" Width="110px" />
                        </td>
                        <td>&nbsp;</td>
                    </tr>
                </table>         
        </div>
    </div>
</div>

                
    </form>
    <div id="footer">  
            <table class="w-100">
                <tr>
                    <td class="text-center" style="background-color: #0066FF"></td>
                    <td class="text-center" style="background-color: #0066FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;</td>
                    <td class="text-center" style="background-color: #0066FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Developed by: ariF
                    <td class="text-right" style="background-color: #0066FF">Version:1.0</td>
                </tr>
            </table>  
        </div>
     
</body>
</html>
