<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>e-commerce</title>
    <link href="../static/css/ecom.css" rel="stylesheet" th:href="@{/css/ecom.css}"/>
</head>
<body>
    <nav th:replace="fragments/header :: header">Header</nav>
    <div class='hero'>
        <main>
            <form class="content-width" th:action="@{/login}" th:object="${customer}" method="post">
                <div class="container">
                    <label><b>Username</b></label>
                    <input type="text" th:field="*{username}" placeholder="Enter Username" name="uname" required>

                    <label><b>Password</b></label>
                    <input type="password" th:field="*{password}" placeholder="Enter Password" name="pwd" required>

                    <button type="submit" name="action" value="login">Login</button>
                    <label>
                        <input type="checkbox" checked="checked" name="remember"> Remember me
                    </label>
                </div>

                <div class="container">
                    <button type="button" onclick="document.getElementById('login').style.display='none'" class="cancelbtn">Cancel</button>
                    <span class="psw">Forgot <a href="#">password?</a></span>
                </div>
            </form>
        </main>
    </div>
    <footer th:replace="fragments/footer :: footer"></footer>
</body>
</html>
