@page "/Ekaer"
@using FruitBankHybrid.Shared.Components
@using FruitBankHybrid.Shared.Components.Grids.Ekaers
@using FruitBankHybrid.Shared.Databases
<h3>EKÁER - Adminisztrátor</h3>

<DxDialogProvider />

<div style="margin-top: 30px;">

	<DxLoadingPanel @bind-Visible="LoadingPanelVisibility.Visible"
					IsContentBlocked="true"
					ApplyBackgroundShading="true"
					IndicatorAreaVisible="false"
					Text="Adatok szinkronizálása folyamatban...">

		<DxTabs ActiveTabIndexChanged="(i) => OnActiveTabChanged(i)" RenderMode="TabsRenderMode.OnDemand" AllowTabReorder="true">
			<DxTabPage Text="Beküldésre váró">
				@* TODO: "váró vs. elküldött" szűrés — az EkaerHistory-ban még nincs állapot-mező. *@
				<GridEkaerHistory @ref="gridEkaerHistoryPending"></GridEkaerHistory>
			</DxTabPage>
			<DxTabPage Text="Elküldött">
				<GridEkaerHistory @ref="gridEkaerHistorySent"></GridEkaerHistory>
			</DxTabPage>
		</DxTabs>
	</DxLoadingPanel>
</div>