@page "/account/profile"
@page "/profile"
@using Microsoft.AspNetCore.Authorization
@using NexusReader.UI.Shared.Services
@using NexusReader.UI.Shared.Components.Atoms
@attribute [Authorize]
@inject IIdentityService IdentityService
@inject NavigationManager NavigationManager

<div class="profile-page-container">
    <div class="background-radial"></div>
    <div class="mesh-overlay"></div>
    
    @if (_profile == null)
    {
        <div class="loading-state">
            <div class="nexus-loader"></div>
            <p>Ładowanie systemu...</p>
        </div>
    }
    else
    {
        <div class="profile-content">
            <!-- Identity Section -->
            <section class="identity-section">
                <div class="avatar-container">
                    <div class="avatar-glow"></div>
                    <div class="avatar-inner">
                        @(_profile.Email[0].ToString().ToUpper())
                    </div>
                </div>
                
                <div class="user-titles">
                    <h1 class="username">@_profile.Email.Split('@')[0]</h1>
                    <span class="system-rank">[Nexus_Explorer_@(_profile.TenantId.ToString()[..4])]</span>
                </div>
            </section>

            <!-- Metrics Grid -->
            <div class="metrics-grid">
                <!-- Intelligence Card -->
                <div class="metric-card glass-panel">
                    <div class="card-header">
                        <NexusIcon Name="robot" Size="24" Color="var(--nexus-neon)" />
                        <h3>Interfejs AI</h3>
                    </div>
                    <div class="card-body">
                        <div class="token-usage">
                            <div class="usage-values">
                                <span class="current">@_profile.AITokensUsed</span>
                                <span class="separator">/</span>
                                <span class="total">@_profile.AITokenLimit</span>
                            </div>
                            <div class="usage-progress">
                                <div class="progress-bar" style="width: @(CalculateProgress())%"></div>
                            </div>
                        </div>
                        <span class="metric-label">Wykorzystane Jednostki Mocy</span>
                    </div>
                </div>

                <!-- Sync Card -->
                <div class="metric-card glass-panel">
                    <div class="card-header">
                        <NexusIcon Name="activity" Size="24" Color="var(--nexus-neon)" />
                        <h3>Wydajność Nauki</h3>
                    </div>
                    <div class="card-body">
                        <div class="score-display">
                            <span class="score-value">@_profile.AverageQuizScore%</span>
                            <span class="score-label">Średni Wynik Asymilacji</span>
                        </div>
                        <div class="last-book">
                            <NexusIcon Name="book-open" Size="14" />
                            <span class="truncate">@_profile.LastReadBookTitle</span>
                        </div>
                    </div>
                </div>

                <!-- Account Status Card -->
                <div class="metric-card glass-panel full-width">
                    <div class="card-header">
                        <NexusIcon Name="shield" Size="24" Color="var(--nexus-neon)" />
                        <h3>Status Autoryzacji</h3>
                    </div>
                    <div class="card-body status-layout">
                        <div class="status-info">
                            <span class="plan-badge @(_profile.CurrentPlan.ToLower())">@_profile.CurrentPlan Protocol</span>
                            <span class="tenant-tag">Node: @_profile.TenantId.ToString().ToUpper()</span>
                        </div>
                        <div class="profile-actions">
                            <button class="btn-nexus btn-nexus-secondary" @onclick="HandleUpgrade">Zarządzaj Subskrypcją</button>
                            <button class="btn-nexus logout" @onclick="HandleLogout">
                                <NexusIcon Name="log-out" Size="18" />
                                Wyloguj
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    }

    <div class="decoration decoration-top">NXS-SYS-v10</div>
    <div class="decoration decoration-bottom">IDENTITY-CORE-ENCRYPTED</div>
</div>

@code {
    private UserProfileDto? _profile;

    protected override async Task OnInitializedAsync()
    {
        var result = await IdentityService.GetProfileAsync();
        if (result.IsSuccess) 
        {
            _profile = result.Value;
        }
        StateHasChanged();
    }

    private int CalculateProgress()
    {
        if (_profile == null || _profile.AITokenLimit == 0) return 0;
        var percent = (int)((double)_profile.AITokensUsed / _profile.AITokenLimit * 100);
        return Math.Min(percent, 100);
    }

    private void HandleUpgrade()
    {
        // Future: Redirect to Stripe billing portal
    }

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