simply views into reusable partial views

FakePieShop/Views/Home/Index.cshtml

@@ -1,24 +1,6 @@
 @model HomeViewModel
 
-<div id="carouselImages" class="carousel slide" data-bs-ride="true">
+<partial name="_Carousel" />
-    <div class="carousel-indicators">
-        <button type="button" data-bs-target="#carouselImages" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-        <button type="button" data-bs-target="#carouselImages" data-bs-slide-to="1" aria-label="Slide 2"></button>
-        <button type="button" data-bs-target="#carouselImages" data-bs-slide-to="2" aria-label="Slide 3"></button>
-    </div>
-    <div class="carousel-inner">
-        <div class="carousel-item active">
-            <img src="~/Images/carousel1.jpg" class="d-block w-100" alt="Carousel image 1">
-        </div>
-        <div class="carousel-item">
-            <img src="~/Images/carousel2.jpg" class="d-block w-100" alt="Carousel image 2">
-        </div>
-        <div class="carousel-item">
-            <img src="~/Images/carousel3.jpg" class="d-block w-100" alt="Carousel image 3">
-        </div>
-    </div>
-</div>
-
 <div class="text-center">
     <img src="Images/bethanys-pie-shop-logomark.png" class="logo-mark mx-auto" />
     <h1>Pies of the week</h1>
@@ -28,27 +10,7 @@
         <div class="row row-cols-1 row-cols-md-3 g-4">
             @foreach (var pie in Model.PiesOfTheWeek)
             {
-                <div class="col">
+                <partial name="_PieCard" model="pie" />
-                    <div class="card pie-card">
-                        <img src="@pie.ImageThumbnailUrl" class="card-img-top" alt="@pie.Name">
-                        <div class="card-body pie-button">
-                            <h4 class="d-grid">
-                            </h4>
-
-                            <div class="d-flex justify-content-between mt-2">
-                                <h2 class="text-start">
-                                    <a asp-controller="Pie"
-                                       asp-action="Details"
-                                       asp-route-id="@pie.PieId"
-                                       class="pie-link">@pie.Name</a>
-                                </h2>
-                                <h5 class="text-nowrap">
-                                    @pie.Price.ToString("c")
-                                </h5>
-                            </div>
-                        </div>
-                    </div>
-                </div>
             }
         </div>
 

FakePieShop/Views/Pie/List.cshtml

@@ -4,24 +4,6 @@
 <div class="row row-cols-1 row-cols-md-3 g-4">
     @foreach (var pie in Model.Pies)
     {
-        <div class="col">
+        <partial name="_PieCard" model="pie" />
-            <div class="card pie-card">
-                <img src="@pie.ImageThumbnailUrl" class="card-img-top" alt="@pie.Name">
-                <div class="card-body pie-button">
-                    <h4 class="d-grid">
-                        <!-- empty -->
-                    </h4>
-
-                    <div class="d-flex justify-content-between mt-2">
-                        <h2 class="text-start">
-                            <a class="pie-link" asp-controller="Pie" asp-action="Details" asp-route-id="@pie.PieId">@pie.Name</a>
-                        </h2>
-                        <h5 class="text-nowrap">
-                            @pie.Price.ToString("c")
-                        </h5>
-                    </div>
-                </div>
-            </div>
-        </div>
     }
 </div>

FakePieShop/Views/Shared/_Carousel.cshtml

@@ -0,0 +1,18 @@
+<div id="carouselImages" class="carousel slide" data-bs-ride="true">
+    <div class="carousel-indicators">
+        <button type="button" data-bs-target="#carouselImages" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+        <button type="button" data-bs-target="#carouselImages" data-bs-slide-to="1" aria-label="Slide 2"></button>
+        <button type="button" data-bs-target="#carouselImages" data-bs-slide-to="2" aria-label="Slide 3"></button>
+    </div>
+    <div class="carousel-inner">
+        <div class="carousel-item active">
+            <img src="~/Images/carousel1.jpg" class="d-block w-100" alt="Carousel image 1">
+        </div>
+        <div class="carousel-item">
+            <img src="~/Images/carousel2.jpg" class="d-block w-100" alt="Carousel image 2">
+        </div>
+        <div class="carousel-item">
+            <img src="~/Images/carousel3.jpg" class="d-block w-100" alt="Carousel image 3">
+        </div>
+    </div>
+</div>

FakePieShop/Views/Shared/_PieCard.cshtml

@@ -0,0 +1,23 @@
+@model Pie
+
+<div class="col">
+    <div class="card pie-card">
+        <img src="@Model.ImageThumbnailUrl" class="card-img-top" alt="@Model.Name">
+        <div class="card-body pie-button">
+            <h4 class="d-grid">
+            </h4>
+
+            <div class="d-flex justify-content-between mt-2">
+                <h2 class="text-start">
+                    <a asp-controller="Pie"
+                       asp-action="Details"
+                       asp-route-id="@Model.PieId"
+                       class="pie-link">@Model.Name</a>
+                </h2>
+                <h5 class="text-nowrap">
+                    @Model.Price.ToString("c")
+                </h5>
+            </div>
+        </div>
+    </div>
+</div>

FakePieShop/obj/Debug/net6.0/FakePieShop.GeneratedMSBuildEditorConfig.editorconfig

@@ -28,10 +28,18 @@ build_metadata.AdditionalFiles.CssScope =
 build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUGllXExpc3QuY3NodG1s
 build_metadata.AdditionalFiles.CssScope = 
 
+[C:/Users/mikay/source/repos/FakePieShop/FakePieShop/Views/Shared/_Carousel.cshtml]
+build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9DYXJvdXNlbC5jc2h0bWw=
+build_metadata.AdditionalFiles.CssScope = 
+
 [C:/Users/mikay/source/repos/FakePieShop/FakePieShop/Views/Shared/_Layout.cshtml]
 build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9MYXlvdXQuY3NodG1s
 build_metadata.AdditionalFiles.CssScope = 
 
+[C:/Users/mikay/source/repos/FakePieShop/FakePieShop/Views/Shared/_PieCard.cshtml]
+build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9QaWVDYXJkLmNzaHRtbA==
+build_metadata.AdditionalFiles.CssScope = 
+
 [C:/Users/mikay/source/repos/FakePieShop/FakePieShop/Views/_ViewImports.cshtml]
 build_metadata.AdditionalFiles.TargetPath = Vmlld3NcX1ZpZXdJbXBvcnRzLmNzaHRtbA==
 build_metadata.AdditionalFiles.CssScope =