79 lines
2.3 KiB
Plaintext

@{
ViewData["Title"] = "UpdateMealPlan";
}
<style>
.text-center {
margin-bottom: 30px;
}
.general_style {
display: flex;
justify-content: space-between;
}
.button_action {
display: flex;
background-color: #5a9ad6;
}
.button_action:hover {
background-color: #225df2;
color: white;
}
input {
margin-bottom: 20px;
}
.spisok {
margin-bottom: 20px;
}
</style>
<div class="text-center">
<h2 class="u-text u-text-custom-color-1 u-text-default u-text-1">Обновить план питания</h2>
</div>
<form method="post">
<div class="spisok">
<label class="u-label u-text-custom-color-1 u-label-1">Планы питания: </label>
<select id="mealPlan" name="mealPlan" class="form-control" asp-items="@(new SelectList(@ViewBag.MealPlans, "Id", "MealPlanName"))"></select>
</div>
<div class="form-group">
<input name="mealPlanName" type="text" placeholder="Введите название плана питания" class="form-control" />
</div>
<div class="form-group">
<input name="mealPlanPrice" type="text" placeholder="Введите стоимость плана питания" class="form-control" step="1000" />
</div>
<div class="general_style">
<div class="button">
<button class="btn button_action">Сохранить</button>
</div>
<div class="button">
<a asp-area="" asp-controller="Home" asp-action="MealPlans" class="btn button_action">Назад</a>
</div>
</div>
</form>
@section Scripts
{
<script>
function check() {
var mealPlan = $('#mealPlan').val();
if (mealPlan) {
$.ajax({
method: "GET",
url: "/Home/GetMealPlan",
data: { mealPlanId: mealPlan },
success: function (result) {
$('#mealPlanName').val(result.MealPlanName);
$('#mealPlanPrice').val(result.MealPlanPrice);
}
});
};
}
check();
$('#mealPlan').on('change', function () {
check();
});
</script>
}