<!-- HTML omgezet naar ejs en werkend gemaakt door Sindy -->

<!DOCTYPE ejs>
<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>Log in</title>

    <link href="/styles/style.css" rel="stylesheet">
    <link rel="icon" type="image/svg+xml" href="./images/project_tech_logo_1.png">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Sonsie+One&display=swap" rel="stylesheet">
</head>

<body class="BodyLogIn">
    <%- include('../partials/navHeader'); %>
        <main>
            <section class="LogInWrapper">
                <form id="loginForm" action="/loggedin" method="POST">
                    <h1>Welkom! <br> Log eerst in. </h1>
                    <div class="input-box">
                        <input type="text" name="username" placeholder="Gebruikersnaam" required>
                    </div>

                    <div class="input-box">
                        <input type="password" name="password" placeholder="Wachtwoord" required>
                    </div>

                    <input type="submit" value="Login" class="btn">

                    <div class="register-link">
                        <p>Account aanmaken? <a href="signup">Meld aan</a>
                        </p>
                    </div>
                </form>
            </section>
        </main>
</body>