I am creating a location management system using C#, SQL and ASP.NET. I want to show the card div if my Item type is equal to “Artificial” in my database and do so with all my item types.
I also want to be able to update their specific counts. I’m currently only updating the general count instead of each count individually. Any suggestions?
Here’s my code is below.
@foreach (var item in Model.allItems)
{
@if (item.ItemType == "Artificial")
{
<div class="card-body" style="margin: 20px; padding: 50px; color: white; width: 700px; height: 700px; background-color: black;">
<div class="hero-text">
<h1 style="font-size:50px">@item.Name</h1>
</div>
<h1>Category:</h1>
<h2 class="card-title">@item.ItemType</h2>
<h1>Item Type:</h1>
<h2 class="card-title">@item.GroupType</h2>
<h6 class="card-title">@item.Description</h6>
<h1>Amount:</h1>
<p class="card-text">@item.count</p>
<div class="col">
<form method="post" asp-page-handler="update">
<input class="form-control" name="count" value="@item.HomebaseCount" type="number" min="0" step="1" />
<input type="hidden" name="name" value="@item.Name" />
<h1>Homebase Count:</h1>
<button class="btn btn-outline-primary">Update</button>
</form>
</div>
<div class="col">
<form method="post" asp-page-handler="update">
<input class="form-control" name="count" value="@item.BunkerCount" type="number" min="0" step="1" />
<input type="hidden" name="name" value="@item.Name" />
<h1>Bunker Count:</h1>
<button class="btn btn-outline-primary">Update</button>
</form>
</div>
<div class="col">
<form method="post" asp-page-handler="update">
<input class="form-control" name="count" value="@item.PouchCount" type="number" min="0" step="1" />
<input type="hidden" name="name" value="@item.Name" />
<h1>Pouch Count:</h1>
<button class="btn btn-outline-primary">Update</button>
</form>
</div>
</div>
}
}
</div>
</div>
</div>