<!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>
<hr>
{{range .Recipe.Steps}}
<p>{{.Text}}</p>
<ul>
{{range .Ingredients}}
<li>{{.Amount}} {{.Type}}</li>
{{end}}
</ul>
<hr>
{{end}}
<a href="/recipe/edit?id={{.Id}}"><button>edit</button></a>
{{ template "footer.html" }}
</main>
</body>
</html>