{m.admin_heading()}

{#if form?.message}
{form.message}
{/if} {#if activeTab === 'users'}

{m.admin_section_users()}

{m.admin_btn_new_user()}
{#each data.users as user (user.id)} {/each}
{m.admin_col_login()} {m.admin_col_full_name()} {m.admin_col_groups()} {m.admin_col_actions()}
{user.username} {#if user.firstName || user.lastName} {user.firstName ?? ''} {user.lastName ?? ''} {:else} – {/if}
{#if user.groups && user.groups.length > 0} {#each user.groups as group (group.id)} {group.name} {/each} {:else} {m.admin_no_groups()} {/if}
{m.btn_edit()}
{ if (!confirm(m.admin_user_delete_confirm({ username: user.username }))) { cancel(); } return async ({ update }) => { await update(); }; }} class="flex items-center" >
{:else if activeTab === 'tags'}

{m.admin_section_tags()}

{m.admin_tags_warning()}

{:else if activeTab === 'groups'}

{m.admin_section_groups()}

{#each data.groups as group (group.id)} {#if editingGroupId === group.id} {:else} {/if} {/each}
{m.admin_col_name()} {m.admin_col_permissions()} {m.admin_col_actions()}
async ({ update }) => { await update(); cancelEditGroup(); }} class="flex w-full flex-col items-start gap-4 sm:flex-row" >
{#each availablePermissions as perm (perm)} {/each}
{group.name}
{#each group.permissions as perm (perm)} {perm} {/each}
{ if (!confirm(m.admin_group_delete_confirm())) { cancel(); } return async ({ update }) => { await update(); }; }} >

{m.admin_section_new_group()}

{#each availablePermissions as perm (perm)} {/each}
{:else if activeTab === 'system'}

{m.admin_system_backfill_heading()}

{m.admin_system_backfill_description()}

{#if backfillResult !== null}

{m.admin_system_backfill_success({ count: backfillResult })}

{/if}
{/if}