@using Syncfusion.Blazor.Navigations
@using Syncfusion.Blazor.SplitButtons
@using Orientation = Syncfusion.Blazor.Navigations.Orientation
@inject NavigationManager NavigationManager
@inherits LayoutComponentBase

<div class="page">

	<main class="container-fluid">
		<div class="bb-top-row px-4 d-flex justify-content-between align-items-center mb-3">
			<div class="d-flex align-items-center">
				<img src="logo.svg" class="me-2" width="24" height="24" alt="Custom Icon">
				<span>FA Krosno Manager</span>
			</div>
			<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
		</div>
		<div class="row gx-1">
			<div class="col-auto custom-menu-width mb-3">
				<SfMenu HamburgerMode="true" Title="FA Krosno Manager" Items="@MenuItems"
				        Orientation="Orientation.Vertical" CssClass="custom-menu">
					<MenuEvents TValue="MenuItem" ItemSelected="OnMenuItemSelected"></MenuEvents>
					<MenuFieldSettings Text="Text" Children="Children"></MenuFieldSettings>
				</SfMenu>
			</div>
			<article class="content col">
				<div class="py-2">@Body</div>
			</article>
		</div>
	</main>

</div>

@code {
	private List<MenuItem> MenuItems { get; set; } = new();

	protected override void OnInitialized()
	{
		MenuItems = new List<MenuItem>
		{
			new() { Text = "Zamówienia DELFOR", Url = "/", IconCss = "fas fa-home", HtmlAttributes = new Dictionary<string, object> { { "style", "width: 240px;" } } },
			new() { Text = "Zamówienia klienta EDI", Url = "/EdiCustomerOrders", IconCss = "fas fa-database" },
			new() { Text = "Zamówienia klienta", Url = "/CustomerOrders", IconCss = "fas fa-database" }
		};
	}

	private void OnMenuItemSelected(MenuEventArgs<MenuItem> args)
	{
		NavigationManager.NavigateTo(args.Item.Url);
	}

}

<div id="blazor-error-ui">
	An unhandled error has occurred.
	<a href="" class="reload">Reload</a>
	<a class="dismiss">🗙</a>
</div>