.NET\10_02_MVC_EZShop\MVC\Views\Cart\Index.cshtml

                
                    @model IEnumerable<CartItemModel>

@* Generated from Custom Template. *@
@* Model namespace using directive should be added to _ViewImports.cshtml. *@

@{
    var containerDivClass = "container";
}
@{
    ViewData["Title"] = "Cart";
}

<div class="@containerDivClass">
    <h3>@ViewData["Title"]</h3>
    <hr />
</div>

@if (Model is not null)
{
    <form asp-action="Index" autocomplete="off">
        <div class="@containerDivClass">
            <div class="row">
                <div class="col-12 text-danger">
                    @TempData["Message"]
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-10 text-success">
                    @Model.Count() record(s) found.
                </div>
                <div class="col-2 text-end">
                    <a asp-action="Clear">Clear Cart</a>
                </div>
            </div>
            <table class="table table-striped table-hover">
                <thead class="table-secondary">
                    <tr>
                        <th>
                            @Html.DisplayNameFor(model => model.ProductName)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.ProductUnitPrice)
                        </th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
		            @foreach (var item in Model) {
				        <tr>
					        <td>
						        @Html.DisplayFor(modelItem => item.ProductName)
					        </td>
					        <td>
						        @Html.DisplayFor(modelItem => item.ProductUnitPrice)
					        </td>
					        <td class="text-end w-25">
						        <a asp-action="Remove" asp-route-productId="@item.ProductId">Remove from Cart</a>
					        </td>
				        </tr>
		            }
                </tbody>
            </table>
        </div>
    </form>
}