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

<div class="page">

    <Sidebar @ref="_sidebar"
             IconName="IconName.App"
             Title="FA Krosno Manager">
        <SfMenu Items="@MenuItems" Orientation="Orientation.Vertical">
            <MenuEvents TValue="MenuItem" ItemSelected="OnMenuItemSelected"></MenuEvents>
            <MenuFieldSettings Text="Text" Children="Children"></MenuFieldSettings>
        </SfMenu>
    </Sidebar>
    
    @* <SfSidebar Width="300px" IsOpen="true" Type="SidebarType.Push" Position="SidebarPosition.Left"> *@
    @*     <ChildContent> *@
    @*         <div class="top-row"> *@
    @*             <h3 class="sidebar-title">FA Krosno Manager</h3> *@
    @*         </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" },
            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>