@page "/administration"
@inherits LocalizableComponentBase

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

<section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">

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

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Users"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Reports"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["ActivityPub?"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Authentication"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Emoji?"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Frontend"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Instance"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Link formatter"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Metadata"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Policies"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-albums text-xl"></i> <span>@Localizer["Upload"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<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>
			</InnerContent>
		</OpenDownContainer>

	</div>

</section>

@code {
	[CascadingParameter] CascadingState CascadingState { get; set; }
}
