@page "/admin/users"
@using LucideBlazor
@using ShadcnBlazor.Tab

@inject NavigationManager Navigation

<Tabs DefaultValue="@(Tab ?? "users")" OnValueChanged="OnTabChanged">
    <TabsList ClassName="inline-flex w-full lg:w-fit justify-start overflow-x-auto overflow-y-hidden">
        <TabsTrigger Value="users">
            <UserRoundIcon />
            Users
        </TabsTrigger>
        <TabsTrigger Value="roles">
            <UsersRoundIcon />
            Roles
        </TabsTrigger>
    </TabsList>
    <TabsContent Value="users">
        <u />
    </TabsContent>
    <TabsContent Value="roles">
        <Roles />
    </TabsContent>
</Tabs>

@code
{
    [SupplyParameterFromQuery(Name = "tab")]
    [Parameter]
    public string? Tab { get; set; }

    private void OnTabChanged(string name)
    {
        Navigation.NavigateTo($"/admin/users?tab={name}");
    }
}