<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title> Cards Rush - Connexion</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap">
    <link href="${pageContext.request.contextPath}/static/css/global.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/css/login.css" rel="stylesheet">
    <script src="${pageContext.request.contextPath}/static/js/login.js" defer></script>
    <meta charset="utf-8">
</head>
<body>
<%@include file="../components/navbar.jsp"%>
<main>
    <div class="flex-column login-gap">
        <div>
            <h1>Se connecter</h1>
            <form id="login-form" action="${pageContext.request.contextPath}/api/auth/login" method="POST">

                <label id="username-label" for="username">Username:</label>
                <input type="text" id="username" name="username" required>

                <label id="password-label" for="password">Password:</label>
                <input type="password" id="password" name="password" required>

                <input class="button" id="login-submit" type="submit" value="Login">

            </form>
        </div>
        <div>
            <p><a href="${pageContext.request.contextPath}/forgotten-password">Forgotten password?</a></p>
            <hr>
            <p>Don't have an account? <a href="${pageContext.request.contextPath}/register">Register</a></p>
        </div>
    </div>
</main>
</body>
</html>
