63 lines
3.6 KiB
Plaintext
63 lines
3.6 KiB
Plaintext
|
@page
|
||
|
|
@model WebApp.Pages.PurchaseModel
|
||
|
|
@{
|
||
|
|
ViewData["Title"] = "Оплата заказа";
|
||
|
|
}
|
||
|
|
<h2>Оплата заказа</h2>
|
||
|
|
|
||
|
|
<div class="row gx-lg-5 align-items-center mb-5">
|
||
|
|
<form method="post" class="form-section">
|
||
|
|
<div class="container mt-5">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<label for="userFirstName" class="form-label">Имя</label>
|
||
|
|
<input type="text" class="form-control form-input" id="customerName" name="CustomerName" value="@Model.paymentViewModel.UserFirstName" readonly>
|
||
|
|
|
||
|
|
<label for="userSecondName" class="form-label">Фамилия</label>
|
||
|
|
<input type="text" class="form-control form-input" id="customerName" name="CustomerName" value="@Model.paymentViewModel.UserSecondName" readonly>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="Cost" class="form-label">Сумма заказа</label>
|
||
|
|
<input type="number" class="form-control form-input" id="cost" name="cost" value="@Model.paymentViewModel.Cost" readonly>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="paymentMethod" class="form-label">Способ оплаты</label>
|
||
|
|
<select class="form-control form-select" id="paymentMethod" name="PaymentMethod">
|
||
|
|
<option selected>Выберите способ оплаты</option>
|
||
|
|
<option value="Online">Картой онлайн</option>
|
||
|
|
<option value="Offline">Картой при получении</option>
|
||
|
|
</select>
|
||
|
|
<label class="form-label">Списать бонусы (@Model.paymentViewModel.Bonus шт.)</label>
|
||
|
|
<input asp-for="bonus" type="checkbox" id="useBonus" name="bonus" class="form-checkbox"></input>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<input asp-for="purchaseModel.UserId" type="hidden" name="userId" value="@Model.userModel.Id"></input>
|
||
|
|
<input asp-for="purchaseModel.ProductCount" type="hidden" name="ProductCount" value="@Model.paymentViewModel.ProductCount"></input>
|
||
|
|
<button type="submit" class="btn btn-primary">Оплатить</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
document.addEventListener("DOMContentLoaded", function () {
|
||
|
|
var useBonusCheckbox = document.getElementById('useBonus');
|
||
|
|
var costInput = document.getElementById('Cost');
|
||
|
|
var originalCost = parseFloat('@Model.paymentViewModel.Cost'); // Инициализация исходной стоимости
|
||
|
|
|
||
|
|
useBonusCheckbox.addEventListener('change', function () {
|
||
|
|
if (this.checked) {
|
||
|
|
var bonusPoints = @Model.paymentViewModel.Bonus; // Убедитесь, что это значение доступно здесь
|
||
|
|
var currentCost = originalCost; // Используем исходную стоимость
|
||
|
|
var reducedCost = currentCost - (bonusPoints); // Предполагаем, что баллы равны X% стоимости
|
||
|
|
costInput.value = reducedCost.toFixed(2); // Округляем до двух десятичных знаков
|
||
|
|
originalCost = reducedCost; // Обновляем исходную стоимость
|
||
|
|
} else {
|
||
|
|
costInput.value = originalCost.toFixed(2); // Восстанавливаем исходную стоимость
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|