{{define "recipes"}}
<!DOCTYPE html>
<html>
{{ template "head" }}
<body>
<header>
{{ template "nav" }}
<h1>Recipes</h1>
</header>
<main>
<p><button onclick="create('/recipe')">create</button></p>
{{if ne (len .) 0}}
<p><input id="search" onkeyup="filter()" type="text" placeholder="Search for a recipe ..."></p>
<ul id="recipes">{{range .}}
<li><a href="./recipe/{{.Id}}">{{.Title}}</a></li>{{end}}
</ul>{{else}}
<p><i>No recipes available.</i></p>{{end}}
</main>
{{ template "footer" }}
<script src="/static/view/static/ceres.js"></script>
</body>
</html>
{{end}}