@page "/"
@attribute [Authorize]
@inject IUserSessionService Session
@inject TranslationSource T
@rendermode InteractiveServer

<h1 class="page-title">@T["app.title"]</h1>

@if (!Session.HasProfile)
{
    <div class="card">
        <div class="card-title">@T["home.welcome"]</div>
        <p>@T["home.welcome.body"]</p>
        <a href="/profiles" class="btn btn-primary">@T["profmgmt.title"]</a>
    </div>
}
else
{
    <div class="card">
        <div class="card-title">@(string.Format(T["home.connected"], Session.CurrentProfile!.Name))</div>
        <p>@T["home.tenant"] <strong>@Session.CurrentProfile.TenantUrl</strong></p>
        <div class="flex-row mt-16">
            <a href="/permissions" class="btn btn-secondary">@T["home.link.permissions"]</a>
            <a href="/storage" class="btn btn-secondary">@T["home.link.storage"]</a>
            <a href="/search" class="btn btn-secondary">@T["tab.search"]</a>
            <a href="/user-audit" class="btn btn-secondary">@T["tab.userAccessAudit"]</a>
        </div>
    </div>

    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px">
        @foreach (var feature in _features)
        {
            <a href="@feature.Href" style="text-decoration:none;color:inherit">
                <div class="card feature-card">
                    <div style="font-size:28px;margin-bottom:8px">@feature.Icon</div>
                    <div style="font-weight:600;margin-bottom:4px">@T[feature.TitleKey]</div>
                    <div class="text-muted">@T[feature.DescriptionKey]</div>
                </div>
            </a>
        }
    </div>
}

@code {
    private readonly (string Href, string Icon, string TitleKey, string DescriptionKey)[] _features = new[]
    {
        ("/permissions", "🔐", "home.link.permissions", "home.feat.permissions.desc"),
        ("/storage", "💾", "home.link.storage", "home.feat.storage.desc"),
        ("/search", "🔍", "tab.search", "home.feat.search.desc"),
        ("/duplicates", "📋", "tab.duplicates", "home.feat.duplicates.desc"),
        ("/versions", "🗂️", "home.feat.versions.title", "home.feat.versions.desc"),
        ("/transfer", "📦", "home.feat.transfer.title", "home.feat.transfer.desc"),
        ("/bulk-members", "👥", "tab.bulkMembers", "home.feat.bulkmembers.desc"),
        ("/bulk-sites", "🌐", "tab.bulkSites", "home.feat.bulksites.desc"),
        ("/folder-structure", "📁", "tab.folderStructure", "home.feat.folderstruct.desc"),
        ("/user-audit", "👤", "tab.userAccessAudit", "home.feat.useraudit.desc"),
        ("/user-directory", "📖", "directory.grp.browse", "home.feat.userdir.desc"),
        ("/templates", "📐", "tab.templates", "home.feat.templates.desc"),
    };
}