{{define "recipe"}}
<!DOCTYPE html>
<html>
{{ template "head" }}
<body>
<header>
{{ template "nav" }}
<h1>{{.Title}}</h1>
</header>
<main>
<p>
<button onclick="window.location.href='/recipe/{{.Id}}?view=recipe-edit';">edit</button>
<button onclick="window.location.href='/recipe/{{.Id}}?view=recipe-confirm-deletion';">delete</button>
</p>{{ if ne .Portions "" }}
<p><i>Portions:</i> {{.Portions}}</p>{{end}}{{ if ne .Url "" }}
<p><i>Original recipe:</i> <a href="{{.Url}}">link</a></p>{{end}}{{ if ne .Notes "" }}
<p class="notice" style="white-space: pre-line;">{{.Notes}}</p>{{end}}{{range .Steps}}
<section>
<p>{{.Text}}</p>
</section>{{end}}
</main>
{{ template "footer" }}
<script src="/static/view/static/ceres.js"></script>
</body>
</html>
{{end}}