From 294f6010854bc1848c65ae5854e38e8fcf54eff0 Mon Sep 17 00:00:00 2001
From: Francesco Lorenzo D'Amico <fda145977@stud.gibb.ch>
Date: Mon, 2 Jun 2025 09:21:50 +0200
Subject: [PATCH] Make some simple improvments

---
 .../Views/Home/Index.cshtml                   | 84 +++++++++----------
 1 file changed, 40 insertions(+), 44 deletions(-)

diff --git a/Francesco.Recipes.World/Views/Home/Index.cshtml b/Francesco.Recipes.World/Views/Home/Index.cshtml
index 0c9e60c..031bd3b 100644
--- a/Francesco.Recipes.World/Views/Home/Index.cshtml
+++ b/Francesco.Recipes.World/Views/Home/Index.cshtml
@@ -1,45 +1,44 @@
 @model IEnumerable<Francesco.Recipes.World.Views.Category.CategoryRecipesViewModel>
-@Html.AntiForgeryToken()
+	@Html.AntiForgeryToken()
 
-<div class="welcome-banner text-center mb-4">
-	<img src="/images/banner2.jpg" alt="Willkommen" class="img-fluid" />
-	<h1 class="mt-3">Willkommen in der Rezept-App</h1>
-</div>
+	<div class="welcome-banner text-center mb-4">
+		<img src="/images/banner2.jpg" alt="Willkommen" class="img-fluid" />
+		<h1 class="mt-3">Willkommen in der Rezept-App</h1>
+	</div>
 
 
-<form hx-get="/Home/Search"
-	  hx-target="#search-results"
-	  hx-trigger="keyup changed delay:300ms"
-	  onsubmit="return false;"
-	  class="mb-4">
-	<input type="text" name="query" class="form-control" placeholder="Suchen nach Rezepten oder Zutaten..." autocomplete="off" />
-</form>
+	<form hx-get="/Home/Search"
+		  hx-target="#search-results"
+		  hx-trigger="keyup changed delay:300ms"
+		  onsubmit="return false;"
+		  class="mb-4">
+		<input type="text" name="term" class="form-control" placeholder="Suchen nach Rezepten oder Zutaten..." autocomplete="off" />
+	</form>
 
 
-<div id="search-results" class="mt-4"></div>
+	<div id="search-results" class="mt-4"></div>
 
 
-@foreach (var category in Model)
-{
-	<div class="category-section mb-5" id="category-@category.Category.Id">
-		<div class="d-flex justify-content-between align-items-center mb-3">
-			<h2>@category.Category.Name</h2>
-			<a href="/Category/Details/@category.Category.Id"
-			   class="btn btn-link"
-			   hx-get="/Category/Details/@category.Category.Id"
-			   hx-target="#category-@category.Category.Id"
-			   hx-swap="outerHTML">Alle @category.Category.Name-Rezepte anzeigen</a>
-		</div>
+	@foreach (var category in Model)
+	{
+		<div class="category-section mb-5" id="category-@category.Category.Id">
+			<div class="d-flex justify-content-between align-items-center mb-3">
+				<h2>@category.Category.Name</h2>
+				<a href="/Category/Details/@category.Category.Id"
+				   class="btn btn-link"
+				   hx-get="/Category/Details/@category.Category.Id"
+				   hx-target="#category-@category.Category.Id"
+				   hx-swap="outerHTML">Alle @category.Category.Name-Rezepte anzeigen</a>
+			</div>
 
-		<div class="row">
-			@foreach (var recipe in category.Recipes)
-			{
-				var mediaFile = recipe.MediaFiles?.FirstOrDefault();
-				var imageData = mediaFile?.Data;
-				var mimeType = mediaFile?.MimeType;
+			<div class="row">
+				@foreach (var recipe in category.Recipes)
+				{
+					var mediaFile = recipe.MediaFiles?.FirstOrDefault();
+					var imageData = mediaFile?.Data;
+					var mimeType = mediaFile?.MimeType;
 
-				<div class="col-md-3 mb-4">
-					<a href="/Recipe/Details/@recipe.Id" class="text-decoration-none">
+					<div class="col-md-3 mb-4">
 						<div class="card h-100">
 							<div class="recipe-image">
 								@if (imageData != null && mimeType != null)
@@ -64,20 +63,17 @@
 								   class="btn btn-primary mt-auto">Details</a>
 							</div>
 						</div>
-					</a>
-				</div>
-			}
+					</div>
+				}
 
-			<div class="col-md-3 mb-4">
-				<div class="card h-100 text-center">
-					<div class="card-body d-flex flex-column justify-content-center">
-						<a href="/Create/@category.Category.Id"
-						   class="btn btn-outline-primary">Rezept hinzufügen</a>
+				<div class="col-md-3 mb-4">
+					<div class="card h-100 text-center">
+						<div class="card-body d-flex flex-column justify-content-center">
+							<a href="/Create/@category.Category.Id"
+							   class="btn btn-outline-primary">Rezept hinzufügen</a>
+						</div>
 					</div>
 				</div>
 			</div>
 		</div>
-	</div>
-}
-
-
+	}