@page "/user-directory"
@attribute [Authorize]
@inject IUserSessionService Session
@inject IGraphUserDirectoryService GraphSvc
@inject IAuditService Audit
@inject TranslationSource T
@rendermode InteractiveServer

<h1 class="page-title">@T["directory.grp.browse"]</h1>
<p class="page-subtitle">@T["directory.subtitle"]</p>

@if (!Session.HasProfile) { <NoProfilePrompt /> return; }

<div class="card">
    <div class="flex-row">
        <label><input type="checkbox" @bind="_includeGuests" /> @T["directory.chk.guests"]<HelpTip Text="@T["help.guests"]" Wide="true" /></label>
        <button class="btn btn-primary" @onclick="LoadUsers" disabled="@_running">
            @(_running ? string.Format(T["directory.btn.loading"], _loadCount) : T["directory.btn.loadUsers"])
        </button>
    </div>
    <ProgressPanel IsRunning="_running" StatusMessage="@_status" />
</div>

@if (!string.IsNullOrEmpty(_error)) { <div class="alert alert-error">@_error</div> }

@if (_users.Count > 0)
{
    <div class="card">
        <div class="flex-row">
            <div class="card-title">@T["directory.title.users"] <span class="count-badge">@_users.Count</span></div>
            <input class="form-input" style="width:260px" @bind="_filter" @bind:event="oninput" placeholder="@T["directory.filter.byNameEmail"]" />
        </div>
        <div class="data-table-wrap">
            <table class="data-table">
                <thead><tr><th>@T["directory.col.name"]</th><th>@T["directory.col.upn"]<HelpTip Text="@T["help.upn"]" Wide="true" /></th><th>@T["directory.col.department"]</th><th>@T["directory.col.jobtitle"]</th><th>@T["directory.col.type"]<HelpTip Text="@T["help.userType"]" Wide="true" /></th></tr></thead>
                <tbody>
                    @foreach (var u in FilteredUsers.Take(500))
                    {
                        <tr>
                            <td>@u.DisplayName</td>
                            <td>@u.UserPrincipalName</td>
                            <td>@u.Department</td>
                            <td>@u.JobTitle</td>
                            <td><span class="chip @(u.UserType == "Guest" ? "chip-yellow" : "chip-blue")">@(u.UserType ?? T["directory.type.member"])</span></td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>
        @if (FilteredUsers.Count() > 500) { <div class="text-muted mt-8">@string.Format(T["directory.showing500"], FilteredUsers.Count())</div> }
    </div>
}

@code {
    private bool _includeGuests, _running;
    private string _status = string.Empty, _error = string.Empty, _filter = string.Empty;
    private int _loadCount;
    private List<GraphDirectoryUser> _users = new();

    private IEnumerable<GraphDirectoryUser> FilteredUsers => string.IsNullOrWhiteSpace(_filter)
        ? _users
        : _users.Where(u => u.DisplayName.Contains(_filter, StringComparison.OrdinalIgnoreCase) || u.UserPrincipalName.Contains(_filter, StringComparison.OrdinalIgnoreCase));

    private async Task LoadUsers()
    {
        _error = string.Empty; _users.Clear(); _running = true; _loadCount = 0;
        var progress = new Progress<int>(count => { _loadCount = count; InvokeAsync(StateHasChanged); });
        try
        {
            _users = (await GraphSvc.GetUsersAsync(Session.CurrentProfile!, _includeGuests, progress)).ToList();
            _status = string.Format(T["directory.status.loaded"], _users.Count);
            await Audit.LogAsync("UserDirectoryLoad", Session.CurrentProfile?.Name ?? "", Array.Empty<string>(),
                $"{_users.Count} users; guests={_includeGuests}");
        }
        catch (Exception ex) { _error = ex.Message; }
        finally { _running = false; await InvokeAsync(StateHasChanged); }
    }
}