<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>eCommerce</title>
</head>
<body>
    <nav class='hero' th:fragment="header">
        <div class='content-width bar-flex'>
            <h1>Project eCommerce</h1>
            <button>Angebote</button>
            <form class='spacer input-icon secondary' th:action="@{/searchresults}" method="GET">
                <input type="text" placeholder="Nach Produkten suchen..."/>
                <button>Finden</button>
            </form>
            <!-- TODO: Do not use get for passwords -->
            <form class="button" th:action="@{/login}" method="GET">
                <button>Login</button>
            </form>
        </div>
    </nav>
</body>
</html>
