<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register and Login</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <h1 style="color : rgb (34, 3, 3);"> <%= title %> </h1>
    <h1 style="color : rgb (65, 211, 7);"> <%= password %> </h1>
    <h1 style="color : rgb (255, 0, 200);"> <%= email %> </h1>

    <div class="main">
        <input type="checkbox" id = "chk" aria-hidden="true">
        <!-- sign up -->
        <div class="signup">
            <form action="/register" method="post">
                <label for="chk" aria-hidden="true">Sign Up</label>
                <input type="text" name="name" placeholder="User Name">
                <input type="number" name="number" placeholder="phone number">
                <input type="email" name="email" placeholder="email">
                <input type="password" name="password" placeholder="password">
                <input type="password" name="cpassword" placeholder="Confirm password">
                <button type="submit">Sign Up</button>
            </form>
        </div>
        <!-- log in -->
        <div class="login">
            <form method="post" action="/login">
                <label for="chk" aria-hidden="true">Log In</label>
                <input type="email" name="email" placeholder="email" required>
                <input type="password" name="password" placeholder="password" required>
                <button>Log In</button>
            </form>
        </div>
    </div>
</body>
</html>