@using GameIdeas.BlazorApp.Pages.User.Components
@using GameIdeas.BlazorApp.Shared.Components.BackdropFilter
@using GameIdeas.BlazorApp.Shared.Constants
@using GameIdeas.Shared.Constants
@using Microsoft.AspNetCore.Components.Authorization

<div class="menu">
    <div class="icon" @onclick=HandleAccountClicked>
        @Icons.Account
    </div>
    <div class="container">
        @if (ContentVisile)
        {
            <div class="content">
                <AuthorizeView Roles="@GlobalConstants.ADMIN_MEMBER">
                    <Authorized>
                        <div class="menu-element">
                            @ResourcesKey.CategoriesManager
                        </div>
                        <span class="line"></span>
                    </Authorized>
                </AuthorizeView>

                <AuthorizeView Roles="@GlobalConstants.ADMINISTRATOR">
                    <Authorized>
                        <div class="menu-element">
                            @ResourcesKey.UserManager
                        </div>
                        <span class="line"></span>
                    </Authorized>
                </AuthorizeView>

                <AuthorizeView>
                    <Authorized>
                        <div class="menu-element" @onclick="HandleLogoutClicked">
                            @ResourcesKey.Logout
                        </div>
                    </Authorized>
                    <NotAuthorized>
                        <Login AuthGateway="AuthGateway" />
                    </NotAuthorized>
                </AuthorizeView>
            </div>
        }
    </div>
</div>

<BackdropFilter AllowBodyScroll=true CloseOnClick=true Color="BackdropFilterColor.Transparent"
                IsVisible="ContentVisile" OnClick="HandleBackdropFilterClicked" />