<nav>
	<ul class="pagination">
		<li class="page-item mr-2 @(ActivePageIndex <= 0 ? "disabled" : "")">
			<a @onclick="async () => await OnPageShiftAsync(-1)" class="page-link btn">Zpět</a>
		</li>

		@for (int i = 0; i < PagesCount; i++)
		{
			int index = i;

			<li class="page-item mr-2 @(index == ActivePageIndex ? "active" : "")">
				<a @onclick="async () => await OnPageChangeAsync(index)" class="page-link btn">@(index + 1)</a>
			</li>
		}

		<li class="page-item @((ActivePageIndex + 1) >= PagesCount ? "disabled" : "")">
			<a @onclick="async () => await OnPageShiftAsync(1)" class="page-link btn">Dál</a>
		</li>
	</ul>
</nav>