70 lines
2.8 KiB
Plaintext
70 lines
2.8 KiB
Plaintext
@page
|
||
@model WebApp.Pages.ProductPageModel
|
||
@{
|
||
ViewData["Title"] = "Product Page";
|
||
}
|
||
<!-- Шапка -->
|
||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||
<div class="container">
|
||
<a asp-page="Index" class="navbar-brand">Catalog</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="container my-5">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<img src="data:image/png;base64,@Convert.ToBase64String(Model.GetMediaByProduct(Model.productModel))" class="img-fluid" alt="@Model.productModel.Name">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h1>@Model.productModel.Name</h1>
|
||
<div class="star-rating">
|
||
@for (int i = 0; i < (int)Math.Round(@Model.productModel.Rate); i++)
|
||
{
|
||
<span class="filled-star">★</span>
|
||
}
|
||
@for (int i = 0; i < 5 - (int)Math.Round(@Model.productModel.Rate); i++)
|
||
{
|
||
<span class="empty-star">★</span>
|
||
}
|
||
(@Model.productModel.Rate)
|
||
</div>
|
||
<p class="lead">Цена: @Model.productModel.Price руб.</p>
|
||
<p>Количество товара на складе: @Model.productModel.Amount</p>
|
||
|
||
@if (User.Identity.IsAuthenticated)
|
||
{
|
||
<form method="post">
|
||
<div class="d-flex align-items-center mb-3">
|
||
<input type="hidden" name="id" value="@Model.productModel.Id" />
|
||
<input type="number" name="count" min="1" max="@Model.productModel.Amount" value="1" class="form-control w-auto" />
|
||
<button type="submit" class="btn btn-primary me-2">В корзину</button>
|
||
</div>
|
||
</form>
|
||
|
||
}
|
||
else
|
||
{
|
||
<div class="d-flex align-items-center mb-3">
|
||
<label for="quantity" class="me-2">Количество:</label>
|
||
<input type="number" id="quantity" name="quantity" min="1" max="@Model.productModel.Amount" value="1" class="form-control w-auto">
|
||
</div>
|
||
<a asp-page="Login" class="btn btn-primary me-2">
|
||
В корзину
|
||
</a>
|
||
|
||
}
|
||
<button class="btn btn-secondary">Купить сейчас</button>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="row mt-5">
|
||
<div class="col">
|
||
<h2>Описание</h2>
|
||
<p>@Model.productModel.Amount</p>
|
||
</div>
|
||
</div>
|
||
</div>
|