<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@page import = "javax.servlet.ServletException"%>
<%@page import = "javax.servlet.annotation.WebServlet"%>

<%@page import = "javax.servlet.http.HttpServlet"%>
<%@page import = "javax.servlet.http.HttpServletRequest"%>
<%@page import = "javax.servlet.http.HttpServletResponse"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

	<script>
		window.top.location.href = "<%= request.getAttribute("redirectURL")%>";
	</script>
</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Customer Account Creation</title>
    <style>
        table {
            margin: 20px auto;
            border-collapse: collapse;
            width: 50%;
        }
        td, th {
            border: 1px solid black;
            padding: 10px;
            text-align: left;
        }
        input[type="text"], input[type="email"], input[type="password"], input[type="number"] {
            width: 90%;
            padding: 5px;
        }
        input[type="submit"]{
            padding: 10px 20px;
            /*background-color: #4CAF50;
            color: white;
            border: none;*/
            cursor: pointer;
        }
        select{
        padding: 10px 15px;
        cursor: pointer;
        }
        .toggle-password {
            display: inherit;
            cursor: pointer;
            margin-left: 5px;
        }
    </style>
</head>
<body>

    <form action="createCustomerReq" method="post">
        <table border="2">			
            <tr>
                <td><label for="ssn">SSN No.</label></td>
                <td><input type="text" id="ssn" name="ssn" required></td>
                
                <td><label for="email">Email</label></td>
                <td><input type="email" id="email" name="email" required></td>
            </tr>
            <tr>
                <td><label for="fname">First Name</label></td>
                <td><input type="text" id="fname" name="fname" required></td>
                
                <td><label for="lname">Last Name</label></td>
                <td><input type="text" id="lname" name="lname" required></td>
            </tr>
            <tr>
                <td><label for="address">Address</label></td>
                <td><textarea id="address" name="address" required></textarea></td>
                
                <td><label for="contact">Contact No.</label></td>
                <td><input type="text" id="contact" name="contact" required></td>
            </tr>
            <tr>
                <td><label for="aadhar">Aadhar No.</label></td>
                <td><input type="text" id="aadhar" name="aadhar" required></td>
                
                <td><label for="pan">PAN No.</label></td>
                <td><input type="text" id="pan" name="pan" required></td>
            </tr>
            <tr>
                <td><label for="account">Account No.</label></td>
                <td><input type="text" id="account" name="account" required></td>
                
                <td><label for="deposit">Initial Deposit Amount</label></td>
                <td><input type="number" id="deposit" name="deposit" required></td>
            </tr>
            <tr>
                <td><label for="username">Username</label></td>
                <td><input type="text" id="username" name="username" required></td>
                
                <td><label for="password">Password</label></td>
                <td><input type="password" id="password" name="password" required></td>
            </tr>
            <tr>
				<td colspan="4" style="text-align:center">
					<!-- <label for="cars">A/c Status</label> -->
					<select id="acStatus" name="acStatus">
						<option value="true">ACTIVE</option>
						<option value="false">INACTIVE</option>
					</select>
                    <input name = "create_customer_btn" type="submit" value="Create New A/c">
                </td>
            </tr>
        </table>
    </form>

</body>
</html>
</body>
</html>