<!DOCTYPE html>
<html lang="en">
    <head>
        <%- include('../partials/head.ejs')%>
    </head>
    <body>
      <div class="body-overlay">
        <header>
            <%- include('../partials/header.ejs')%>
        </header>
        <main>
            <div class="container">
                <h1>Login</h1>
                <form id="loginForm" action='/sessions' method='POST'>
                    <label for="email">Email:</label>
                    <input type="email" name="email" id="email" />
            
                    <label for="password">Password:</label>
                    <input type="password" name="password" id="password" />
                    <input class="btn btn-success btn-sm" type="submit" value="Login">
                </form>
            </div>   
        </main>
        <footer>
            <%- include('../partials/footer.ejs')%>
        </footer>
    </body>
</html>