<.admin_page_header back={PhoenixKit.Utils.Routes.path("/admin")} title="User Management" subtitle="Manage user accounts and roles" /> <%!-- Role Management Modal --%> <%= if @show_role_modal && @managing_user do %> <% end %> <%!-- Users Table --%>

<.table_default id="users-table" variant="zebra" class="w-full" toggleable={true} items={@users} card_title={fn user -> user.email end} card_fields={ fn user -> build_card_fields( user, @selected_columns, @phoenix_kit_current_user, @date_time_settings ) end } > <:toolbar_title> <:toolbar_actions> <%!-- Role Filter --%> Role: <%!-- Account Type Filter --%> <%= if @org_accounts_enabled do %> {gettext("Account type:")} <% end %> <.link navigate={PhoenixKit.Utils.Routes.path("/admin/users/new")} class="btn btn-sm btn-primary" > Add New User <:card_header :let={user}>

<.user_avatar user={user} size="sm" />

{user.email} <%= if user.uuid == @phoenix_kit_current_user.uuid do %> you <% end %> <%= if User.full_name(user) && User.full_name(user) != "" do %> {User.full_name(user)} <% end %>

<%= if user.username do %>

@{user.username}

<% end %>

<.table_default_header> <.table_default_row> <%= for column_id <- @selected_columns do %> <%= if should_render_column?(column_id) do %> <.table_default_header_cell> {render_column_header(column_id)} <% end %> <% end %> <.table_default_body> <%= if @users == [] do %> <.table_default_row> <.table_default_cell colspan={ Enum.count(@selected_columns, &should_render_column?/1) }>

No users found

<% filters_active? = @search_query != "" or @filter_role != "all" or @filter_account_type != "all" %>

<%= if filters_active? do %> Try adjusting your search or filter criteria. <% else %> No users are registered yet. <% end %>

<%= if filters_active? do %> <% end %>

<% else %> <%= for user <- @users do %> <.table_default_row> <%= for column_id <- @selected_columns do %> <%= if should_render_column?(column_id) do %> <.table_default_cell> <%= cond do %> <% column_id == "email" -> %> <.link navigate={ PhoenixKit.Utils.Routes.path("/admin/users/view/#{user.uuid}") } class="flex items-center gap-3 hover:opacity-80 transition-opacity" > <.user_avatar user={user} size="sm" />

{user.email} <%= if user.uuid == @phoenix_kit_current_user.uuid do %> you <% end %> <%= if @org_accounts_enabled && user.account_type == "organization" do %> {gettext("Org")} <% end %>

<%= if user.username do %>

@{user.username}

<% end %>

<% column_id == "full_name" -> %>

<%= if user.first_name || user.last_name || user.organization_name do %>

{PhoenixKit.Users.Auth.User.full_name(user)}

<% else %>

<% end %> <%= if @org_accounts_enabled && user.organization do %>

{user.organization.organization_name}

<% end %>

<% column_id == "role" -> %> <% user_roles = get_user_roles(user) %>

<%= for role_name <- user_roles do %> <.role_badge role={%{name: role_name, is_system_role: false}} size={:sm} /> <% end %> <%= if Enum.empty?(user_roles) do %> No roles <% end %>

<% column_id == "status" -> %>

<%= if user.confirmed_at do %> Confirmed <% else %> Pending <% end %> <%= if user.is_active do %> {gettext("Active")} <% else %> {gettext("Inactive")} <% end %>

<% column_id == "registered" -> %>

{UtilsDate.format_date_with_user_timezone_cached( user.inserted_at, @phoenix_kit_current_user, @date_time_settings )}

{UtilsDate.format_time_with_user_timezone_cached( user.inserted_at, @phoenix_kit_current_user, @date_time_settings )}

<% column_id == "location" -> %>

<%= if user.registration_country || user.registration_region || user.registration_city || user.registration_ip do %> <%= if user.registration_country do %>

{user.registration_country}

<% end %> <%= if user.registration_region || user.registration_city do %>

<%= if user.registration_region && user.registration_city do %> {user.registration_region}, {user.registration_city} <% else %> {user.registration_region || user.registration_city} <% end %>

<% end %> <%= if user.registration_ip do %>

{user.registration_ip}

<% end %> <% else %>

No data

<% end %>

<% column_id == "last_confirmed" -> %>

<%= if user.confirmed_at do %>

{UtilsDate.format_date_with_user_timezone_cached( user.confirmed_at, @phoenix_kit_current_user, @date_time_settings )}

{UtilsDate.format_time_with_user_timezone_cached( user.confirmed_at, @phoenix_kit_current_user, @date_time_settings )}

<% else %>

Never

<% end %>

<% column_id == "actions" -> %> <.table_row_menu id={"user-menu-#{user.uuid}"} label={gettext("User actions")} > <%!-- View --%> <.table_row_menu_link navigate={ PhoenixKit.Utils.Routes.path("/admin/users/view/#{user.uuid}") } icon="hero-eye" label={gettext("View")} /> <%!-- Edit --%> <.table_row_menu_link navigate={ PhoenixKit.Utils.Routes.path("/admin/users/edit/#{user.uuid}") } icon="hero-pencil" label={gettext("Edit")} variant="secondary" /> <%!-- Role Management --%> <%= if user.uuid != @phoenix_kit_current_user.uuid do %> <.table_row_menu_button phx-click="show_role_management" phx-value-user_uuid={user.uuid} icon="hero-user-group" label={gettext("Roles")} variant="primary" /> <% end %> <%!-- Current user: Settings --%> <%= if user.uuid == @phoenix_kit_current_user.uuid do %> <.table_row_menu_link navigate={PhoenixKit.Utils.Routes.path("/dashboard/settings")} icon="hero-cog-6-tooth" label={gettext("Settings")} variant="info" /> <% end %> <%!-- Non-owner actions: confirmation, status, delete --%> <%= if user.uuid != @phoenix_kit_current_user.uuid && get_primary_role_name_unsafe(user) != "Owner" do %> <.table_row_menu_divider /> <.table_row_menu_button phx-click="request_confirmation_toggle" phx-value-user_uuid={user.uuid} phx-value-is_confirmed={to_string(!!user.confirmed_at)} icon={ if user.confirmed_at, do: "hero-envelope-open", else: "hero-envelope" } label={ if user.confirmed_at, do: gettext("Unconfirm"), else: gettext("Confirm") } variant={if user.confirmed_at, do: "success", else: "warning"} /> <.table_row_menu_button phx-click="request_status_toggle" phx-value-user_uuid={user.uuid} phx-value-is_active={to_string(user.is_active)} icon={ if user.is_active, do: "hero-check-circle", else: "hero-x-circle" } label={ if user.is_active, do: gettext("Deactivate"), else: gettext("Activate") } variant={if user.is_active, do: "success", else: "warning"} /> <%= if Auth.can_delete_user?(user, @phoenix_kit_current_user) do %> <.table_row_menu_divider /> <.table_row_menu_button phx-click="request_delete_user" phx-value-user_uuid={user.uuid} data-confirm="Are you sure you want to delete this user? This action cannot be undone." icon="hero-trash" label={gettext("Delete")} variant="error" /> <% end %> <% end %> <% true -> %> <%!-- Handle custom fields and other columns --%> {render_column_cell( user, column_id, @phoenix_kit_current_user, @date_time_settings )} <% end %> <% end %> <% end %> <% end %> <% end %> <:card_actions :let={user}> <.table_row_menu id={"user-card-menu-#{user.uuid}"} label={gettext("User actions")}> <.table_row_menu_link navigate={PhoenixKit.Utils.Routes.path("/admin/users/view/#{user.uuid}")} icon="hero-eye" label={gettext("View")} /> <.table_row_menu_link navigate={PhoenixKit.Utils.Routes.path("/admin/users/edit/#{user.uuid}")} icon="hero-pencil" label={gettext("Edit")} variant="secondary" /> <%= if user.uuid != @phoenix_kit_current_user.uuid do %> <.table_row_menu_button phx-click="show_role_management" phx-value-user_uuid={user.uuid} icon="hero-user-group" label={gettext("Roles")} variant="primary" /> <% end %> <%= if user.uuid == @phoenix_kit_current_user.uuid do %> <.table_row_menu_link navigate={PhoenixKit.Utils.Routes.path("/dashboard/settings")} icon="hero-cog-6-tooth" label={gettext("Settings")} variant="info" /> <% end %> <%= if user.uuid != @phoenix_kit_current_user.uuid && get_primary_role_name_unsafe(user) != "Owner" do %> <.table_row_menu_divider /> <.table_row_menu_button phx-click="request_confirmation_toggle" phx-value-user_uuid={user.uuid} phx-value-is_confirmed={to_string(!!user.confirmed_at)} icon={if user.confirmed_at, do: "hero-envelope-open", else: "hero-envelope"} label={if user.confirmed_at, do: gettext("Unconfirm"), else: gettext("Confirm")} variant={if user.confirmed_at, do: "success", else: "warning"} /> <.table_row_menu_button phx-click="request_status_toggle" phx-value-user_uuid={user.uuid} phx-value-is_active={to_string(user.is_active)} icon={if user.is_active, do: "hero-check-circle", else: "hero-x-circle"} label={if user.is_active, do: gettext("Deactivate"), else: gettext("Activate")} variant={if user.is_active, do: "success", else: "warning"} /> <%= if Auth.can_delete_user?(user, @phoenix_kit_current_user) do %> <.table_row_menu_divider /> <.table_row_menu_button phx-click="request_delete_user" phx-value-user_uuid={user.uuid} data-confirm="Are you sure you want to delete this user? This action cannot be undone." icon="hero-trash" label={gettext("Delete")} variant="error" /> <% end %> <% end %> <%!-- Pagination --%> <%= if @users != [] && @total_pages > 1 do %>

<%= for page <- 1..@total_pages do %> <% end %>

<% end %>

<%!-- Enhanced Stats --%>

User Statistics

<%!-- Main Role Stats --%>

<:icon> <.icon name="hero-users" class="w-5 h-5" /> <:icon> <.icon name="hero-shield-check" class="w-5 h-5" /> <:icon> <.icon name="hero-star" class="w-5 h-5" /> <:icon> <.icon name="hero-user" class="w-5 h-5" />

<%!-- Secondary Stats --%>

<%!-- Active Users --%> <:icon> <.icon name="hero-check-circle-solid" class="w-5 h-5" /> <%!-- Inactive Users --%> <:icon> <.icon name="hero-x-circle-solid" class="w-5 h-5" /> <%!-- Confirmed Users --%> <:icon> <.icon name="hero-envelope" class="w-5 h-5" /> <%!-- Pending Users --%> <:icon> <.icon name="hero-information-circle-solid" class="w-5 h-5" />

<%!-- Column Selection Modal --%> <%= if @show_column_modal do %>

Customize Table Columns

Drag to reorder selected columns above, or add new columns from the options below. Actions column is always included.

<%!-- Hidden input to store the column order for form submission --%>

<%!-- Selected Columns Section (Left/Top) --%>

Selected Columns

Drag to reorder

<.draggable_list id="selected-columns-container" items={ Enum.reject(@temp_selected_columns || @selected_columns, &(&1 == "actions")) } item_id={fn col_id -> col_id end} on_reorder="reorder_selected_columns" layout={:list} gap="space-y-2" class="min-h-[200px] max-h-[400px] overflow-y-auto border-2 border-dashed border-base-300 rounded-lg p-3 bg-base-50" item_class="flex items-center p-3 rounded-lg bg-primary/10 border border-primary/30 hover:bg-primary/20 transition-colors" > <:item :let={column_id}> <% column_meta = PhoenixKit.Users.TableColumns.get_column_metadata(column_id) %>

<.icon name="hero-bars-3" class="h-5 w-5" />

{(column_meta && column_meta.label) || column_id}

<%!-- Empty state for selected columns --%> <%= if length(Enum.reject(@temp_selected_columns || @selected_columns, &(&1 == "actions"))) == 0 do %>

<.icon name="hero-clipboard-document-list" class="h-12 w-12 mx-auto mb-3" />

No columns selected yet

Add columns from the options below

<% end %>

<%!-- Available Fields Section (Right/Bottom) --%>

Available Fields

Click to add

<%!-- Standard Fields Section --%> <%= if map_size(@available_columns.standard) > 0 do %>

Standard Fields

<%= for {column_id, column_meta} <- @available_columns.standard do %> <%= unless column_id in (@temp_selected_columns || @selected_columns) or column_id == "actions" do %> <% end %> <% end %>

<% end %> <%!-- Separator Line --%> <%= if map_size(@available_columns.standard) > 0 and map_size(@available_columns.custom) > 0 do %>

<% end %> <%!-- Custom Fields Section --%> <%= if map_size(@available_columns.custom) > 0 do %>

Custom Fields

<%= for {column_id, column_meta} <- @available_columns.custom do %> <%= unless column_id in (@temp_selected_columns || @selected_columns) do %> <% end %> <% end %>

<% end %> <%!-- No Available Fields Message --%> <%= if get_available_fields_count(@available_columns, @temp_selected_columns || @selected_columns) == 0 do %>

All fields are already selected

<% end %>

<% end %> <%!-- Confirmation Modal --%> <%= if assigns[:confirmation_modal] && @confirmation_modal.show do %> <% end %>

Manage Roles for {@managing_user.email}

No users found

User Statistics

Customize Table Columns

Selected Columns

Available Fields

Standard Fields

Custom Fields

{@confirmation_modal.title}