<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>e-commerce</title>
    <link rel="stylesheet" th:href="@{/css/ecom.css}"/>
</head>
<body>
<nav th:replace="fragments/header :: header">Header</nav>
    <main>

        <div class="content-width">
            <div class="grid center">

                <form class="detailgrid" th:action="@{/login}" th:object="${customer}" method="post" style="background-color:lightgray;">

                    <div class="grid m">
                        <div class="grid s"></div>
                        <label for="username">Benutzername</label>
                        <input type="text" th:field="*{username}" placeholder="Benutzername" id="username" required>
                        <div class="grid s"></div>
                    </div>

                    <div class="grid m">
                        <div class="grid s"></div>
                        <label for="password">Passwort</label>
                        <input type="password" th:field="*{password}" placeholder="Passwort" id="password" required>
                        <div class="grid s"></div>
                    </div>

                    <div class="grid m">
                        <div class="grid s"></div>
                        <label></label>
                        <label>
                            <input type="checkbox" checked="checked" name="remember"> Login speichern
                        </label>
                        <div class="grid s"></div>
                    </div>

                    <div class="grid m">
                        <label></label>
                        <button type="submit" name="action" value="login">Login</button>
                        <a href="#">Passwort vergessen?</a>
                        <div class="grid s"></div>
                    </div>

                </form>

            </div>
        </div>

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