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

<div class="page">
   
    <SfSidebar Width="240px" IsOpen="true" Type="SidebarType.Push" Position="SidebarPosition.Left">
        <ChildContent>
            <div class="top-row">
                <h5 class="sidebar-title">FA Krosno Manager</h5>
            </div>
            <SfMenu Items="@MenuItems" Orientation="Orientation.Vertical">
                <MenuEvents TValue="MenuItem" ItemSelected="OnMenuItemSelected"></MenuEvents>
                <MenuFieldSettings Text="Text" Children="Children" ></MenuFieldSettings>
            </SfMenu>
        </ChildContent>
    </SfSidebar>

    <main>
        <div class="bb-top-row px-4 d-flex justify-content-end">
            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
        </div>
        <article class="content px-4">
            <div class="py-2">@Body</div>
        </article>
    </main>

</div>

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

    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>