{{define "body"}} <div class="wrapper"> <h1> <span>{{.Recipe.Title}}</span> {{if .IsOwner}} <button hx-delete="/recipes/{{.Recipe.Id}}" hx-confirm="Are you sure you want to delete {{.Recipe.Title}}?" >🗑️</button> <a href="/recipes/{{.Recipe.Id}}/edit">✏️</a> {{end}} </h1> <div> {{if .CanNote}} <div> <button hx-post="/recipes/{{.Recipe.Id}}/later">Note for later</button> </div> {{end}} <h2 id='ingredients'>Ingredients</h2> <div class="longform-text">{{.Recipe.Ingredients}}</div> </div> <div> <h2 id='instructions'>Instructions</h2> <div class="longform-text">{{.Recipe.Instructions}}</div> </div> <h2 id='about'>About</h2> {{if .Recipe.By}}<div>By: {{.Recipe.By}}</div>{{end}} <div>Uploaded by: {{.Recipe.Username}}</div> {{if .Recipe.Source}}<div>Link: {{.Recipe.Source}}</div>{{end}} <div>Uploaded: {{.Recipe.Created}}</div> <div>Updated: {{.Recipe.Updated}}</div> </div> {{end}}