{{define "recipes"}}
<!DOCTYPE html>
<html>
{{ template "head" }}
<header>
{{ template "nav" }}
<h1>Recipes</h1>
</header>
<body>
<main>
<p>Here are the available recipes 😋🍳🍔🍕🥘</p>
<p><input id="search" onkeyup="filter()" type="text" placeholder="Search for a recipe ..."></p>
<button onclick="create('/recipe')">add</button>
<ul id="recipes">{{range .}}
<li><a href="./recipe/{{.Id}}">{{.Title}}</a></li>{{end}}
</ul>
</main>
{{ template "footer" }}
<script src="/static/view/static/ceres.js"></script>
</body>
</html>
{{end}}