@inherits LayoutComponentBase
@inject IJSRuntime JS
@inject Microsoft.Extensions.Localization.IStringLocalizer<AuthLayout> L

@* EN: Theme providers moved to App.razor (FRONT-W-06) — DefaultDark is the ThemeStateService default. *@
@* VI: Theme providers đã chuyển về App.razor (FRONT-W-06) — DefaultDark là mặc định của ThemeStateService. *@

<nav class="tpos-navbar">
    <div class="tpos-navbar-inner">
        <a href="/" class="tpos-logo">aPOS</a>
        <div class="tpos-nav-links">
            <a href="/#features" class="tpos-nav-link">@L["Nav_Features"]</a>
            <a href="/#pricing" class="tpos-nav-link">@L["Nav_Pricing"]</a>
            <a href="/auth/login" class="tpos-nav-link">@L["Nav_Login"]</a>
            <a href="/register" class="btn-accent">@L["Nav_FreeTrial"]</a>
        </div>
    </div>
</nav>

<MudLayout>
    <MudMainContent Style="padding-top: 0;">
        @Body
    </MudMainContent>
</MudLayout>

@code {
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        try { await JS.InvokeVoidAsync("lucide.createIcons"); } catch { }
    }
}
