@{
	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="clientId" name="clientId" class="form-control" asp-items="@(new SelectList( @ViewBag.Clients, "Id", "FullName"))"></select>
		</div>
	</div>
	<div class="row">
		<div class="col-4">Дата начала периода:</div>
		<div class="col-8">
			<input id="dateFrom" name="dateFrom" class="form-control" type="date" />
		</div>
	</div>
	<div class="row">
		<div class="col-4">Дата конца периода:</div>
		<div class="col-8">
			<input id="dateTo" name="dateTo" class="form-control" type="date" />
		</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>

<!--@{
	ViewData["Title"] = "Создание отчёта";
}

<div class="text-center">
	<h2 class="display-4">Создание отчёта</h2>
</div>
<form method="post">
	<div class="container px-4">
		<div class="row gx-5">
			<div class="col">
				<div class="p-3">С</div>
			</div>
			<div class="col">
				<div class="p-3 btn-group">
					<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" padding="10">
						Начало периода
					</button>
					<ul class="dropdown-menu">
						...
					</ul>
				</div>
			</div>
			<div class="col">
				<div class="p-3">по</div>
			</div>
			<div class="col">
				<div class="p-3 btn-group">
					<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" padding="10">
						Конец периода
					</button>
					<ul class="dropdown-menu">
						...
					</ul>
				</div>
			</div>
			<div class="col">
				<div class="p-3">
					<button type="button" class="btn btn-primary з-3">Создать</button>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-4">Отчёт:</div>
	</div>
</form> -->