@{
	ViewData["Title"] = "Одобрение зачислений";
}

<div class="text-center">
	<h2 class="display-4">Снятие</h2>
</div>
<form method="post">
	<div class="row">
		<div class="col-4">Номер запроса на снятие:</div>
		<div class="col-8">
			<select id="debitingId" name="debitingId" class="form-control" asp-items="@(new SelectList( @ViewBag.Debitings, "Id", "Id"))">
				<option disabled selected>Выберите запрос</option>
			</select>
		</div>
	</div>
	<div class="row">
		<div class="col-4">Запрашиваемый счёт для перевода:</div>
		<div class="col-8">
			<input type="text" id="accountNumber" name="accountNumber" readonly />
		</div>
	</div>
	<div class="row">
		<div class="col-4">Номер счёта для снятия:</div>
		<div class="col-8">
			<select id="accountId" name="accountId" class="form-control" asp-items="@(new SelectList( @ViewBag.Accounts, "Id", "AccountNumber"))">
				<option disabled selected>Выберите счёт</option>
			</select>
		</div>
	</div>
	<div class="row">
		<div class="col-8"></div>
		<div class="col-4">
			<input type="submit" value="Снять" class="btn btn-primary" />
		</div>
	</div>
</form>

<!-- подгрузка номера запрашиваемого клиентом счёта в реальном времени -->
<script>
	$('#debitingId').on('change', function () {
		check();
	});

	function check() {
		var debitingId = $('#debitingId').val();
		$.ajax({
			method: "Post",
			url: "/Home/GetAccountNumber",
			data: { id: debitingId },
			success: function (result) {
				$("#accountNumber").val(result);
			}
		});
	}
</script>