@inherits LayoutComponentBase
@using NexusReader.Application.Abstractions.Services
@using NexusReader.UI.Shared.Services
@using NexusReader.UI.Shared.Components.Molecules
@using NexusReader.UI.Shared.Components.Organisms
@using Microsoft.Extensions.Logging
@inject IPlatformService PlatformService
@inject IFocusModeService FocusMode
@inject IQuizStateService QuizService
@inject IJSRuntime JS
@inject IIdentityService IdentityService
@inject NavigationManager NavigationManager
@inject Microsoft.Extensions.Logging.ILogger<MainLayout> Logger
@implements IDisposable

<AuthorizeView>
    <Authorized>
        <div class="app-container @_platformClass @(FocusMode.IsFocusModeActive ? "focus-mode-active" : "")">
            <div class="reader-pane">
                <main>
                    @Body
                </main>
                <ReaderFooter />
            </div>

            <div class="resizer" id="sidebar-resizer"></div>

            <div class="intelligence-sidebar">
                <IntelligenceToolbar />
                <div class="intelligence-content">
                    <div class="intelligence-header">
                        <div class="ai-title">
                            <NexusIcon Name="robot" Size="20"
                                Class="@($"neon-glow {(QuizService.HasNewQuiz ? "quiz-available" : "")}")" />
                            <span>Asystent AI</span>
                        </div>

                        <div class="user-profile">
                            <span class="user-email">@context.User.Identity?.Name</span>
                            <button class="logout-btn" @onclick="HandleLogout">Logout</button>
                        </div>

                        <button class="close-btn">×</button>
                    </div>

                    <div class="intelligence-scroll-area">
                        @if (!_isMobile)
                        {
                            <KnowledgeGraph />
                        }
                        <KnowledgeCheck />
                    </div>
                </div>
            </div>
        </div>
    </Authorized>
    <Authorizing>
        <div class="app-preloader">
            <div class="preloader-spinner"></div>
            <div class="preloader-text">Weryfikacja...</div>
        </div>
    </Authorizing>
    <NotAuthorized>
        @Body
    </NotAuthorized>
</AuthorizeView>

<div id="blazor-error-ui" data-nosnippet>
    An unhandled error has occurred.
    <a href="." class="reload">Reload</a>
    <span class="dismiss">🗙</span>
</div>

@code {
    private string _platformClass = "platform-desktop";
    private bool _isMobile = false;

    protected override void OnInitialized()
    {
        FocusMode.OnFocusModeChanged += StateHasChanged;
        QuizService.OnQuizUpdated += StateHasChanged;

        var context = PlatformService.GetDeviceContext();
        if (context.IsSuccess)
        {
            _isMobile = context.Value.DeviceType switch
            {
                DeviceType.Phone or DeviceType.Tablet => true,
                _ => false
            };
            
            _platformClass = _isMobile ? "platform-mobile" : "platform-desktop";
        }
    }

    private async Task HandleLogout()
    {
        await IdentityService.LogoutAsync();
        NavigationManager.NavigateTo("/", true);
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            try
            {
                var module = await JS.InvokeAsync<IJSObjectReference>("import", "./_content/NexusReader.UI.Shared/js/layoutResizer.js");
                await module.InvokeVoidAsync("initResizer", ".app-container", "#sidebar-resizer", "--sidebar-width");
            }
            catch (Exception ex)
            {
                Logger.LogError(ex, "Failed to initialize layout resizer JS module.");
            }
        }
    }

    public void Dispose()
    {
        FocusMode.OnFocusModeChanged -= StateHasChanged;
        QuizService.OnQuizUpdated -= StateHasChanged;
    }
}