<%!-- Header Section --%>

<%!-- Back Button (Left aligned) --%> <.link navigate={PhoenixKit.Utils.Routes.path("/admin")} class="btn btn-outline btn-primary btn-sm absolute left-0 top-0 -mb-12" > <.icon name="hero-arrow-left" class="w-4 h-4 mr-2" /> Back to Dashboard <%!-- Title Section --%>

User Management

Manage user accounts and roles

<%!-- Role Management Modal --%> <%= if @show_role_modal && @managing_user do %> <% end %> <%!-- Controls --%>

<%!-- Search --%>

Search by email, username, or name

<%!-- Role Filter --%>

Filter by role

<%!-- Quick Actions --%>

Quick Actions

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/users/new")} class="btn btn-primary" > Add New User

<%!-- Users Table --%>

<%= if length(@users) > 0 do %> <.table_default variant="zebra" class="w-full"> <.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> <%= 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.id}") } class="flex items-center gap-3 hover:opacity-80 transition-opacity" > <.user_avatar user={user} size="sm" />

{user.email} <%= if user.id == @phoenix_kit_current_user.id do %> you <% end %>

<%= if user.username do %>

@{user.username}

<% end %>

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

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

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

<% else %>

<% 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 %> Active <% else %> 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" -> %>

<%!-- View User Details --%> <.link navigate={ PhoenixKit.Utils.Routes.path("/admin/users/view/#{user.id}") } class="btn btn-xs btn-outline btn-info" title="View user details" > <.icon name="hero-eye" class="h-4 w-4" /> <%!-- Edit User --%> <.link navigate={ PhoenixKit.Utils.Routes.path("/admin/users/edit/#{user.id}") } class="btn btn-xs btn-outline btn-secondary" title="Edit user" > <.icon name="hero-pencil" class="h-4 w-4" /> <%!-- Role Management --%> <%= if user.id != @phoenix_kit_current_user.id do %> <% end %> <%!-- Email Confirmation Toggle --%> <%= if user.id != @phoenix_kit_current_user.id && get_primary_role_name_unsafe(user) != "Owner" do %> <%!-- Status Toggle --%> <% else %> <%= if user.id == @phoenix_kit_current_user.id do %> <.link navigate={PhoenixKit.Utils.Routes.path("/dashboard/settings")} class="btn btn-xs btn-outline btn-info" title="User settings" > <.icon name="hero-cog-6-tooth" class="h-4 w-4" /> <% else %> Protected <% 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 %> <%!-- Pagination --%> <%= if @total_pages > 1 do %>

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

<% end %> <% else %> <%!-- Empty state --%>

No users found

<%= if @search_query != "" or @filter_role != "all" do %> Try adjusting your search or filter criteria. <% else %> No users are registered yet. <% end %>

<%= if @search_query != "" or @filter_role != "all" 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

<%= 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 %> <%= if map_size(@available_columns.standard) > 0 and map_size(@available_columns.custom) > 0 do %>

<% end %> <%= 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 %> <%= 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}