Add initial PanelDetails view

Helios/Controllers/ConfiguratorController.cs

@@ -31,11 +31,11 @@ namespace Helios.Controllers
             return View(model);
         }
 
-        public ActionResult PanelBreakdown(PanelPerformance panel)
+        public ActionResult PanelDetails(PanelPerformance panel)
         {
-            Console.WriteLine("Hello!");
+            
 
-            return View();
+            return View(panel);
         }
 
     }

Helios/Views/Configurator/ConfiguratorResult.cshtml

@@ -70,7 +70,7 @@
                         @panel.WithinBudget
                     </td>
                     <td>
-                        @Html.ActionLink("Details", "PanelBreakdown", "Configurator", panel, null)
+                        @Html.ActionLink("Details", "PanelDetails", "Configurator", panel, null)
                     </td>
                 </tr>
         }

Helios/Views/Configurator/PanelDetails.cshtml

+@model Helios.Models.PanelPerformance
+
+@{
+    ViewData["Title"] = "Panel Details";
+}
+
+<div class="panelInfo">
+    <div class="graph">
+        <p>Graph</p>
+    </div>
+    <div class="panelDetails">
+        <h5>Panel Details</h5>
+        <ul>
+            <li>
+                Efficiency: @Model.PanelEfficiency
+            </li>
+            <li>
+                Installation Cost: @Model.InstallationCost
+            </li>
+        </ul>
+    </div>
+    <div class="roofDetails">
+        <h5>Roof Details</h5>
+        <ul>
+            <li>
+                Area: @Model.RoofArea&#13217;
+            </li>
+            <li>
+                Angle: @Model.RoofAngle&deg;
+            </li>
+        </ul>
+    </div>
+    <div class="propertyDetails">
+        <h5>Property Details</h5>
+        <ul>
+            <li>
+
+            </li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file

Helios/Views/Shared/_Layout.cshtml

@@ -26,17 +26,11 @@
                             <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="About">About</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Configurator" asp-action="Index">Services</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="System Analysis">System Analysis</a>
+                            <a class="nav-link text-dark" asp-area="" asp-controller="Configurator" asp-action="Index">System Analysis</a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Data">Data</a>
                         </li>
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Events">Events</a>
-                        </li>
                         <li class="nav-item">
                             <a class="nav-link text-dark" asp-area="" asp-controller="Login" asp-action="Index">Login</a>
                         </li>

Helios/wwwroot/css/site.css

@@ -24,3 +24,30 @@ body {
     padding: 20px;
     margin-bottom: 20px;
 }
+
+.panelInfo {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+    gap: 0px 0px;
+    grid-auto-flow: row;
+    grid-template-areas:
+        "panelDetails roofDetails propertyDetails"
+        "graph graph graph";
+}
+
+.graph {
+    grid-area: graph;
+}
+
+.panelDetails {
+    grid-area: panelDetails;
+}
+
+.roofDetails {
+    grid-area: roofDetails;
+}
+
+.propertyDetails {
+    grid-area: propertyDetails;
+}