@page "/user"
@attribute [Authorize]
@using SteUp.Shared.Components.Layout
@using SteUp.Shared.Components.SingleElements
@using SteUp.Shared.Core.Authorization.Enum
@using SteUp.Shared.Core.Helpers
@using SteUp.Shared.Core.Interface.System.Network
@using SteUp.Shared.Core.Services
@using SteUp.Shared.Core.Utility
@inject AppAuthenticationStateProvider AuthenticationStateProvider
@inject INetworkService NetworkService

<HeaderLayout Title="Profilo"/>

@if (IsLoggedIn)
{
    <div class="container content pb-safe-area">
        <div class="container-primary-info">
            <div class="section-primary-info">
                <MudAvatar Style="height: 70px; width: 70px; font-size: 2rem; font-weight: bold"
                           Color="Color.Secondary">
                    @UtilityString.ExtractInitials(UserSession.User.Fullname)
                </MudAvatar>

                <div class="personal-info">
                    <span class="info-nome">@UserSession.User.Fullname</span>
                    @if (UserSession.User.KeyGroup is not null)
                    {
                        <span
                            class="info-section">@(((KeyGroupEnum)UserSession.User.KeyGroup).ConvertToHumanReadable())</span>
                    }
                </div>
            </div>

            <div class="divider"></div>

            <div class="section-info">
                <div class="section-personal-info">
                    <div>
                        <span class="info-title">Profilo azienda</span>
                        <span class="info-text">@CodHash</span>
                    </div>
                </div>
                
                <div class="section-personal-info">
                    <div>
                        <span class="info-title">Status</span>
                        @if (NetworkService.ConnectionAvailable)
                        {
                            <div class="status online">
                                <i class="ri-wifi-line"></i>
                                <span>Online</span>
                            </div>
                        }
                        else
                        {
                            <div class="status offline">
                                <i class="ri-wifi-off-line"></i>
                                <span>Offline</span>
                            </div>
                        }
                    </div>
                </div>
            </div>
        </div>

        <div class="container-button">
            <MudButton Class="button-settings green-icon"
                       FullWidth="true"
                       StartIcon="@Icons.Material.Outlined.Sync"
                       Size="Size.Medium"
                       OnClick="@UpdateDb"
                       Variant="Variant.Outlined">
                Sincronizza ispezioni
            </MudButton>
        </div>

        <div class="container-button">
            <MudButton Class="button-settings exit"
                       FullWidth="true"
                       Color="Color.Error"
                       Size="Size.Medium"
                       OnClick="@Logout"
                       Variant="Variant.Outlined">
                Esci
            </MudButton>
        </div>
        
        <AppVersion/>
    </div>
}

@code {
    private bool IsLoggedIn { get; set; }
    private string? CodHash { get; set; } = "";

    protected override async Task OnInitializedAsync()
    {
        IsLoggedIn = await UserSession.IsLoggedIn();
        CodHash = LocalStorage.GetString("codHash");
        StateHasChanged();
    }

    private void UpdateDb()
    {
    }

    private async Task Logout()
    {
        await AuthenticationStateProvider.SignOut();
        IsLoggedIn = await UserSession.IsLoggedIn();
        StateHasChanged();
    }

}