<!-- views/login.ejs -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   
    <title>Login</title>
   
    <link href="/stylesheets/styleLogin.css" rel="stylesheet">
    

</head>
<body>

    <div class="login-card">
        <h2>Login</h2>
        <h3>Enter your credentials</h3>

        <form class="login-form" action="/authen/login" method="post">
            <input type="text" placeholder="Username" id="userName" name="userName" required>
            <input type="password" placeholder="Password" id="password" name="password" required>
            <!-- <a href="#">Forget your password?</a> -->
            <button type="submit">LOGIN</button>
        </form>
    </div>


    <!-- <div class="container mt-5">
        <h2>Login</h2>
        
        <form action="/authen/login" method="post">
            <div class="mb-3">
                <label for="userName" class="form-label">Username</label>
                <input type="text" class="form-control" id="userName" name="userName" required>
            </div>
            <div class="mb-3">
                <label for="password" class="form-label">Password</label>
                <input type="password" class="form-control" id="password" name="password" required>
            </div>
            <button type="submit" class="btn btn-success">Login</button>
        </form>
    </div> -->
</body>
</html>
