<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.75, user-scalable=no">

    <title>Einloggen</title>
    <link rel="stylesheet" th:href="@{/css/ecom.css}"/>
</head>
<body>
<!-- <nav th:replace="fragments/header :: header">Header</nav> -->
<main class="content-width modal">
    <form class="detailgrid s hero " method="post">
        <div th:if="${error}" class="s error" id="error-msg">
            <div class="content-width bar-flex">
                <div th:text="${error}" class="spacer error">
                    Error
                </div>
            </div>
        </div>
        <div class="s">
            <label for="username">Email Adresse</label>
            <input class="full-width" type="text" name="username" placeholder="Email Adresse" id="username" required>
        </div>

        <div class="s">
            <label for="password">Passwort</label>
            <input class="full-width" type="password" name="password" placeholder="Passwort" id="password" required>
        </div>

        <div class="s">
            <button class="full-width" type="submit" name="action" value="login">Login</button>
            Noch kein Account?
            <a th:href="@{/register}">Jetzt registeren!</a>
        </div>

    </form>
</main>
<footer th:replace="fragments/footer :: footer"></footer>
</body>
</html>
