<!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>
{{if ne .Recipe.Url ""}}
<p>Use this <a href="{{.Recipe.Url}}">link</a> to go to the original recipe.</p>
{{end}}
{{range .Recipe.Steps}}
<section>
<p>{{.Text}}</p>
<p><i>{{range $i, $el := .Ingredients}}{{if $i}}, {{end}}{{if ne $el.Amount 0.0}}{{$el.Amount}} {{end}}{{if ne $el.Unit ""}}{{$el.Unit}} {{end}}{{$el.Type}}{{end}}</i></p>
</section>
{{end}}
<a href="/recipe/edit?id={{.Id}}"><button>edit</button></a>
<a href="/recipe/confirm-deletion?id={{.Id}}"><button style="background-color:red">delete</button></a>
{{ template "footer.html" }}
</main>
</body>
</html>