@page "/administration"
@attribute [Authorize(Policy = Policies.IsModerator)]
@inherits LocalizableComponentBase

<Title>@Localizer["Administration"]</Title>

@* Moderators handle reports; administrators also block servers for everyone and read the federation statistics. The
   other sections wait for PrivaPub endpoints that do not exist yet. *@

<section class="block relative w-full h-full neo-inset neo-xs rounded-xl">

	<div class="flex flex-col gap-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto">

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Users"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-flag text-xl"></i> <span>@Localizer["Reports"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<ReportsPanel />
				</div>
			</ChildContent>
		</DCollapse>

		<AuthorizeView Policy="@Policies.IsAdmin">
			<DCollapse Icon="DCollapseIcon.Arrow">
				<Header>
					<p class="inline-flex items-center gap-2">
						<i class="ion-md-globe text-xl"></i> <span>@Localizer["Blocked servers"]</span>
					</p>
				</Header>
				<ChildContent>
					<div class="block w-full p-3 md:p-4">
						<ServerBlocksPanel />
					</div>
				</ChildContent>
			</DCollapse>

			<DCollapse Icon="DCollapseIcon.Arrow">
				<Header>
					<p class="inline-flex items-center gap-2">
						<i class="ion-md-stats text-xl"></i> <span>@Localizer["Statistics"]</span>
					</p>
				</Header>
				<ChildContent>
					<div class="block w-full p-3 md:p-4">
						<StatisticsPanel />
					</div>
				</ChildContent>
			</DCollapse>
		</AuthorizeView>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["ActivityPub?"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Authentication"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Emoji?"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Frontend"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Instance"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Link formatter"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Metadata"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Policies"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

		<DCollapse Icon="DCollapseIcon.Arrow">
			<Header>
				<p class="inline-flex items-center gap-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Upload"]</span>
				</p>
			</Header>
			<ChildContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</ChildContent>
		</DCollapse>

	</div>

</section>

@code {
}