{{define "body"}} <div class="wrapper"> <h1> <span>{{.Recipe.Title}}</span> {{if .IsOwner}} <form style="display:inline;" method="post" action="/recipes/{{.Recipe.Id}}/delete"><input id='delete' type='submit' value="🗑️"></input></form> <a href="/recipes/{{.Recipe.Id}}/edit">✏️</a> {{end}} </h1> <div> <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> <script>document.getElementById('delete').addEventListener('click', function(e) { if (!confirm("Are you sure you want to delete {{.Recipe.Title}}?")) { e.preventDefault(); return false; } })</script> {{end}}