@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>