@{
	ViewData["Title"] = "Оформление банковской карты";
}

<div class="text-center">
	<h2 class="display-4">Оформление банковской карты</h2>
</div>
<form method="post">
	<div class="row mb-2">
		<div class="col-4">Клиент:</div>
		<div class="col-8">
			<select id="client" name="clientId" class="form-control" asp-items="@(new SelectList( @ViewBag.Clients, "Id", "FullName"))"></select>
		</div>
	</div>
	<div class="row mb-2">
		<div class="col-4">Номер карты:</div>
		<div class="col-8">
			<input type="text" id="accountNumber" class="form-control" name="accountNumber" required />
		</div>
	</div>
	<div class="row mb-2">
		<div class="col-4">Период:</div>
		<div class="col-8">
			<input type="date" id="period" class="form-control" name="period" required />
		</div>
	</div>
	<div class="row mb-2">
		<div class="col-4">Баланс:</div>
		<div class="col-8">
			<input type="number" id="balance" class="form-control" name="balance" value=0 required min=0 />
		</div>
	</div>
	<div class="row mb-2">
		<div class="col-8"></div>
		<div class="col-4">
			<input type="submit" value="Создать" class="form-control" class="btn btn-dark" />
		</div>
	</div>
</form>

<script>
	function createNum(len) {
		chrs = '0123456789';
		var str = '';
		for (var i = 0; i < len; i++) {
			var pos = Math.floor(Math.random() * chrs.length);
			str += chrs.substring(pos, pos + 1);
		}
		return str;
	}

	document.getElementById("CardNumber").value = createNum(16);
	document.getElementById("password").value = createNum(4);
</script>