<!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}"/>
    <link href="../static/css/dialog.css" rel="stylesheet" th:href="@{/css/dialog.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="@{/register}" th:object="${customer}" method="post" style="background-color:lightgray;">

                    <div class="l">
                        <label for="username">Benutzername *</label>
                        <input class="linestyle full-width" type="text" id="username" th:field="*{username}"  th:value="${username}" required/>
                    </div>

                    <div class="l">
                        <label for="fullname">Name *</label>
                        <input class="linestyle full-width" type="text" id="fullname" th:value="${fullname}" required/>
                    </div>

                    <div class="l">
                        <label for="email">Email Addresse *</label>
                        <input class="linestyle full-width" type="text" id="email" th:value="${email}" required/>
                    </div>

                    <div class="l">
                        <label for="password">Passwort *</label>
                        <input class="linestyle full-width" type="password" id="password" th:field="*{password}" th:value="${password}" required/>
                    </div>

                    <div class="s">
                        <label>
                            <input type="checkbox" name="agb" required> Ich stimme den AGB's zu
                        </label>
                        <label>
                            <input type="checkbox" name="privacy" required> Ich habe die Datneschutzerklärung gelesen
                        </label>

                    </div>

                    <div class="m">
                        <button type="submit" name="action" value="register">Registrieren</button>
                    </div>

                </form>

            </div>
        </div>

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