<!DOCTYPE html>
<html>
{{ template "head.html" }}
<body>
<header>
<nav>
<a href="/index.html">HOME</a>
<a href="/add_recipes">add recipe</a>
</nav>
<h1>{{.Recipe.Title}}</h1>
</header>
<main>
<p>This recipe is written for {{.Recipe.Portions}} portions.</p>
<p><a href="{{.Recipe.Url}}">Link</a></p>
{{range .Recipe.Steps}}
<section>
<p>{{.Text}}</p>
<p><i>{{range $i, $el := .Ingredients}}{{if $i}}, {{end}}{{$el.Amount}} {{$el.Type}}{{end}}</i></p>
</section>
{{end}}
<a href="/recipe/edit?id={{.Id}}"><button>edit</button></a>
{{ template "footer.html" }}
</main>
</body>
</html>