<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="nttong" />
    <script src="jquery.js"></script>
        <link rel="stylesheet" href="style.css" />
    	<title>Quản lý</title>
</head>
<body>
<div id="top">
<p class="title">HỆ THỐNG CHUYỂN HƯỚNG CAO CẤP</p>
</div>
<div id="main">
<div id="formLogin" style="text-align:center;">
<form id="frmLogin" method="POST" action="javascript: login();">
<input type="hidden" name="ac" value="login" />
<div class="box">
<div class="title">Đăng nhập hệ thống</div>
<div class="content">
<input type="text" name="user" placeholder="Tài khoản" /><br />
<input type="password" name="pass" placeholder="Mật khẩu" /><br />

<input type="submit" value="ĐĂNG NHẬP" /><br />
<a href="manual.php" class="aBtn">Xem hướng dẫn sử dụng</a>
<p id="stt"></p>
</div>

</div>
</form>
</div>
<script>
function login()
{
    $.post("ajax.php",$("#frmLogin").serialize(),function(data,status){
        data=JSON.parse(data);
        if(data['stt']=="OK")
        {
            $("#stt").css("color","lime");
            $("#stt").html("Đăng nhập thành công, đang chuyển hướng...");
            location.reload();
        }else{
            $("#stt").html("Sai tên tài khoản hoặc mật khẩu...");
            nhap=10;
        }
    });
}
nhap=10;
function nhapnhay()
{
    setInterval(function(){
        
        if(nhap>-1)
        {
            
            var cl=(nhap%2==0)?"red":"#000";
            $("#stt").css("color",cl);
            nhap--;
        }
    },300);
}
nhapnhay();
</script>
</div>

<div id="bottom">
<p>
<a>Copyright @ 2018 NH.P</a>
</p>
</div>
</body>
</html>