From 28e60b79fa74644c817a6cc7ea238725156a22de Mon Sep 17 00:00:00 2001
From: Francesco Lorenzo D'Amico <fda145977@stud.gibb.ch>
Date: Mon, 2 Jun 2025 09:25:26 +0200
Subject: [PATCH] Refactor favorite button: wrap in form for better HTMX and
 AntiForgeryToken support

---
 .../Views/Shared/_FavoriteButton.cshtml       | 47 ++++++++++---------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/Francesco.Recipes.World/Views/Shared/_FavoriteButton.cshtml b/Francesco.Recipes.World/Views/Shared/_FavoriteButton.cshtml
index 5cd045a..7db2e11 100644
--- a/Francesco.Recipes.World/Views/Shared/_FavoriteButton.cshtml
+++ b/Francesco.Recipes.World/Views/Shared/_FavoriteButton.cshtml
@@ -1,25 +1,26 @@
 @model Francesco.Recipes.World.Models.BackendModels.Recipe.Recipe
 
-<button class="btn btn-link p-0"
-		style="width: 40px; height: 40px;"
-		hx-post="@Url.Action(Model.IsFavorite ? "RemoveFavorite" : "AddFavorite", "Recipe")"
-		hx-vals='{"recipeId": "@Model.Id"}'
-		hx-target="this"
-		hx-swap="outerHTML">
-	@if (Model.IsFavorite)
-	{
-		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFD700">
-			<path d="M12 17.27L18.18 21 16.54 13.97
-                     22 9.24l-7.19-.62L12 2 9.19 8.62
-                     2 9.24l5.46 4.73L5.82 21z" />
-		</svg>
-	}
-	else
-	{
-		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-			<path d="M12 17.27L18.18 21 16.54 13.97
-                     22 9.24l-7.19-.62L12 2 9.19 8.62
-                     2 9.24l5.46 4.73L5.82 21z" />
-		</svg>
-	}
-</button>
+<form hx-post="@Url.Action(Model.IsFavorite ? "RemoveFavorite" : "AddFavorite", "Recipe")"
+      hx-target="this"
+      hx-swap="outerHTML">
+    @Html.AntiForgeryToken()
+    <input type="hidden" name="recipeId" value="@Model.Id" />
+    <button type="submit" class="btn btn-link p-0" style="width: 40px; height: 40px;">
+        @if (Model.IsFavorite)
+        {
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFD700">
+                <path d="M12 17.27L18.18 21 16.54 13.97
+                         22 9.24l-7.19-.62L12 2 9.19 8.62
+                         2 9.24l5.46 4.73L5.82 21z" />
+            </svg>
+        }
+        else
+        {
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 17.27L18.18 21 16.54 13.97
+                         22 9.24l-7.19-.62L12 2 9.19 8.62
+                         2 9.24l5.46 4.73L5.82 21z" />
+            </svg>
+        }
+    </button>
+</form>