40 lines
1.5 KiB
Plaintext
40 lines
1.5 KiB
Plaintext
<!-- Page Content -->
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<h1 class="my-4">Products</h1>
|
|
<div class="list-group">
|
|
<a href="#" class="list-group-item">Category 1</a>
|
|
<a href="#" class="list-group-item">Category 2</a>
|
|
<a href="#" class="list-group-item">Category 3</a>
|
|
</div>
|
|
</div><!-- /.col-lg-3 -->
|
|
<div class="col-lg-9">
|
|
<div class="row">
|
|
@{
|
|
if (Model != null && Model.Products.Count > 0){
|
|
for(int i = 0; i < Model.Products.Count; i++){
|
|
<div id="prod_card" class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100">
|
|
<a asp-area="" asp-controller="Products" asp-action="Detail" asp-route-id="@Model.Products[i].id"><img class="card-img-top img-responsive" id="prod_list_img" src="@Model.Products[i].ImageSrc" alt="@Model.Products[i].ImageAlt"></a>
|
|
<div class="card-body">
|
|
<h4 class="card-title">
|
|
<a asp-area="" asp-controller="Products" asp-action="Detail" asp-route-id="@Model.Products[i].id">@Model.Products[i].Name</a>
|
|
</h4>
|
|
<h5>@Model.Products[i].Price €</h5>
|
|
<p class="card-text">@Model.Products[i].Description</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">★ ★ ★ ★ ★</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
} else {
|
|
<h3 class="text-info"><code>we apologise, no products are available at the moment.</code></h3>
|
|
}
|
|
}
|
|
</div><!-- /.row -->
|
|
</div><!-- /.col-lg-9 -->
|
|
</div><!-- /.row -->
|
|
</div><!-- /.container --> |