@using SteUp.Shared.Core.Interface.System.Network
@inject INetworkService NetworkService
@inject IDialogService Dialog

<div
    class="container animated-navbar @(IsVisible ? "show-nav" : "hide-nav") @(IsVisible ? PlusVisible ? "with-plus" : "without-plus" : "with-plus")">
    <nav class="navbar @(IsVisible ? PlusVisible ? "with-plus" : "without-plus" : "with-plus")">
        <div class="container-navbar">
            <ul class="navbar-nav flex-row nav-justified align-items-center w-100 text-center">
                <li class="nav-item">
                    <NavLink class="nav-link" href="ispezioni" Match="NavLinkMatch.All">
                        <div class="d-flex flex-column">
                            <i class="ri-file-list-3-line"></i>
                            <span>Ispezioni</span>
                        </div>
                    </NavLink>
                </li>
                <li class="nav-item">
                    <NavLink class="nav-link" href="user" Match="NavLinkMatch.All">
                        <div class="d-flex flex-column">
                            <i class="ri-user-line"></i>
                            <span>Profilo</span>
                        </div>
                    </NavLink>
                </li>
            </ul>
        </div>

        @if (PlusVisible)
        {
            <MudMenu PopoverClass="custom_popover" AnchorOrigin="Origin.TopLeft" TransformOrigin="Origin.BottomRight">
                <ActivatorContent>
                    <MudFab Class="custom-plus-button" OnClick="OnOpenMenu" Color="Color.Surface" Size="Size.Medium" IconSize="Size.Medium"
                            IconColor="Color.Primary" StartIcon="@Icons.Material.Filled.Add"/>
                </ActivatorContent>
                <ChildContent>
                    @if (SchedaVisible)
                    {
                        <MudMenuItem Disabled="!NetworkService.IsNetworkAvailable()" OnClick="@NewScheda">
                            Nuova scheda
                        </MudMenuItem>
                    }
                    else
                    {
                        <MudMenuItem Disabled="!NetworkService.IsNetworkAvailable()" OnClick="@NewActivity">
                            Nuova rilevazione
                        </MudMenuItem>
                    }
                </ChildContent>
            </MudMenu>
        }
    </nav>
</div>

@code
{
    private bool IsVisible { get; set; } = true;
    private bool PlusVisible { get; set; } = true;
    private bool SchedaVisible { get; set; }

    protected override Task OnInitializedAsync()
    {
        NavigationManager.LocationChanged += (_, args) =>
        {
            var location = args.Location.Remove(0, NavigationManager.BaseUri.Length);

            var newIsVisible = new List<string> { "ispezioni", "ispezione", "user" }
                .Contains(location);

            var newPlusVisible = new List<string> { "ispezioni", "ispezione", "user" }
                .Contains(location);

            if (IsVisible == newIsVisible && PlusVisible == newPlusVisible) return;

            IsVisible = newIsVisible;
            PlusVisible = newPlusVisible;
            StateHasChanged();
        };
        return Task.CompletedTask;
    }

    private void NewActivity()
    {
        _ = ModalHelper.OpenSelectShop(Dialog);
    }

    private void NewScheda()
    {
        _ = ModalHelper.OpenFormScheda(Dialog);
    }

    private void OnOpenMenu()
    {
        var location = NavigationManager.Uri.Remove(0, NavigationManager.BaseUri.Length);
        
        SchedaVisible = new List<string> { "ispezione" }.Contains(location);
        StateHasChanged();
    }
}