adding cakes 50% working

templates/available_cakes.html

@@ -2,8 +2,9 @@
     <h3>Cakes</h3>
     <button hx-get="edit_cakes" hx-swap="outerHTML" hx-target="closest div">edit</button>
     <div id="cakes">
-        {{range .Cakes}}
-        <button onclick="addCake('{{.ID}}', '{{.Name}}')">{{.Name}}</button>
+        {{range $key, $value := .}}
+        <button onclick="addCake('{{$key}}', '{{$value.Name}} ({{$value.Price}})')">{{$value.Name}}
+            {{$value.Price}}</button>
         {{end}}
     </div>
     <script>

templates/cake.html

@@ -1,8 +1,8 @@
 <div id="cake_preview">
     <ul>
         <li>ID: {{.ID}}</li>
-        <li>Name: {{.Name}}</li>
-        <li>Price: {{.Price}}</li>
+        <li>Name: {{.Cake.Name}}</li>
+        <li>Price: {{.Cake.Price}}</li>
     </ul>
     <button type="button" onClick="document.getElementById('cake_preview').remove()">close</button>
 </div>

templates/cake_editor.html

@@ -1,11 +1,11 @@
 <form hx-post="new_cake" hx-swap="outerHTML">
     <div>
         <label for="name">Name</label>
-        <input type="text" id="name" name="name" required value="{{.Name}}">
+        <input type="text" id="name" name="name" required value="{{.Cake.Name}}">
     </div>
     <div>
         <label for="price">Price</label>
-        <input type="number" id="price" name="price" step="0.01" min="0" required value="{{.Price}}">
+        <input type="number" id="price" name="price" step="0.01" min="0" required value="{{.Cake.Price}}">
     </div>
     <input value="{{.ID}}" name="id" hidden></input>
     <button type="submit">Submit</button>

templates/edit_cakes.html

@@ -3,8 +3,9 @@
     <button hx-get="available_cakes" hx-swap="outerHTML" hx-target="closest div">back</button>
     <button hx-get="cake_editor" hx-swap="innerHTML" hx-target="#cake_editor">New</button>
     <div id="cakes">
-        {{range .Cakes}}
-        <button hx-get="cake_editor/{{.ID}}" hx-swap="innerHTML" hx-target="#cake_editor">{{.Name}}</button>
+        {{range $key, $value := .}}
+        <button hx-get="cake_editor/{{$key}}" hx-swap="innerHTML" hx-target="#cake_editor">{{$value.Name}}
+            {{$value.Price}}</button>
         {{end}}
     </div>
     <div id="cake_editor"></div>