@using UniversityContracts.ViewModels

@{
	ViewData["Title"] = "Группы обучения";
}

<div class="text-center">
	<h1 class="display-4">Группы обучения</h1>
</div>


<div class="text-center">
	@{
		if (ViewBag.EducationGroups == null)
		{
			<h3 class="display-4">Войдите в аккаунт</h3>
			return;
		}
		<div>
			<a class="btn btn-secondary" asp-controller="EducationGroup" asp-action="Create">Добавить группу</a>
		</div>
		<div class="d-flex mb-2 gap-1">
			<div class="input-group" style="width: auto;">
				<input id="page-input" type="number" min="1" value="@ViewBag.Page" max="@ViewBag.NumberOfPages" class="form-control" style="max-width: 5em">
				<span class="input-group-text">/ @ViewBag.NumberOfPages</span>
			</div>
			<a href="/Home/EducationGroups?page=@ViewBag.Page" id="go-button" class="button-primary text-button">
				Перейти
			</a>
		</div>
		<table class="table">
			<thead>
				<tr>
					<th>
						Название
					</th>
					<th>
						Количество студентов
					</th>
				</tr>
			</thead>
			<tbody>
				@foreach (var item in ViewBag.EducationGroups)
				{
					<tr class="d-table-row">
						<td>
							@item.Name
						</td>
						<td>
							@item.NumberOfStudent
						</td>
						<td>
							<a id="update-button-@item.Id" class="btn btn-secondary" asp-controller="EducationGroup" asp-action="Update" asp-route-id="@item.Id">Изменить</a>
						</td>
						<td>
							<a id="remove-button-@item.Id" class="btn btn-secondary remove-btn" data-id="@item.Id">Удалить</a>
						</td>
					</tr>
				}
			</tbody>
		</table>
	}
</div>

<script src="~/js/educationgroup/educationgroups.js" asp-append-version="true"></script>