<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% String user = (String) session.getAttribute("user") ;
String loginattempt = (String)request.getAttribute("loginattempt");
%>
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=UTF-8">
<link rel=stylesheet href='images/style.css' type=text/css>
<title>Member Login</title>
</head>
<script>
document.getElementById("titleCustomer").innerHTML = "Đăng Nhập";
</script>
<body>
<Br><Br>

<% if (loginattempt != null) {%><div align="center" style="border:1px solid #cfcfcf;padding:20px 10px 20px 10px;background-color:#f3f3f3; width:410px "> <font color="red"><b>Tài khoản hoặc mật khẩu không đúng !</b></font></div><p> <% } %>
<form method="post" class="form" action="Login">

<div align="Center" style="border:1px solid #cfcfcf;padding:20px 10px 20px 10px;background-color:#f3f3f3; width:410px ">
<table border="0" cellpadding="0" cellspacing="0"   width="69%" height="83">
  <tr>
    <td width="44%" style="border: 1px " height="1">
    Username</td>
    <td width="81%" style="border: 1px " height="1"><b>
    <input style="color: silver" value="Tài khoản" onfocus="if (this.value == 'Tài khoản'){this.value=''; this.style.color='Black';}" onblur="if (this.value == '') {this.value='Tài khoản'; this.style.color='#828282';}" type="text" name="user" size="20"></b></td>
  </tr>
  <tr>
    <td width="44%" style="border: 1px " height="1">
    Password</td>
    <td width="81%" style="border: 1px " height="1">
    <input type="password" name="pass" size="20" value = "*********" style="color: silver" onfocus="if (this.value == '*********'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='*********'; this.style.color='#828282';}"></td>
  </tr>  
  <tr>
    <td  width="44%" style="border: 1px " height="1">
    
<img  src="images/key.gif" width="30" height="30"></td>
    <td width="81%" style="border: 1px " height="1"><input type="submit" class="submit" value="Đăng nhập" ></td>
    </tr>
  <tr>
    <td  width="44%" style="border: 1px " height="14">
    
    </td>
    <td width="81%" style="border: 1px " height="14"></td>
    </tr>
  <tr>
    <td  width="44%" style="border: 1px " height="1">
    
<b><a href="index.jsp?customer=reg"><img border="0" src="images/download.gif" width="15" height="9"> Đăng ký</a><br>
<a href="index.jsp?customer=forgot-pass"><img border="0" src="images/download.gif" width="15" height="9"> Quên mật khẩu ? </a></b></td>
    <td width="81%" style="border: 1px " height="1"></td>
    </tr>
  </table>
  </div>
  <br>
  </form>
</body>
</html>