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

<.table_default id="users-table" variant="zebra" class="w-full table-fixed md:table-auto" toggleable={true} show_toggle={false} view_mode={@view_mode} view_event="set_view_mode" 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, @geolocation_tracking_enabled ) end } > <:toolbar_title> <%!-- View + filter controls live on the left (matches the media browser). The slot is a plain block, so wrap them in a flex row for gap. --%>

<%!-- Display (grid/list) — media-style dropdown --%> <% display_options = [ {"card", gettext("Grid"), "hero-squares-2x2"}, {"table", gettext("List"), "hero-bars-3-bottom-left"} ] %> <%!-- Role Filter (media-style dropdown) --%> <% role_options = [ {"all", gettext("All Users")}, {"Owner", gettext("Owners Only")}, {"Admin", gettext("Admins Only")}, {"User", gettext("Regular Users")} ] %> <% role_label = role_options |> Enum.find(fn {v, _} -> v == @filter_role end) |> then(&(&1 && elem(&1, 1))) %> <%!-- Account Type Filter (media-style dropdown) --%> <%= if @org_accounts_enabled do %> <% account_type_options = [ {"all", gettext("All Types")}, {"person", gettext("Person")}, {"organization", gettext("Organization")} ] %> <% account_type_label = account_type_options |> Enum.find(fn {v, _} -> v == @filter_account_type end) |> then(&(&1 && elem(&1, 1))) %> <% end %>

<:sort_bar :if={@show_search or @search_query != ""}> <:toolbar_actions> <%!-- Search (collapsed magnifier opens the row below) + actions on the right, mirroring the media browser. --%> <.link navigate={PhoenixKit.Utils.Routes.path("/admin/users/new")} class="btn btn-sm btn-primary" title={gettext("Add New User")} > {gettext("Add New User")} <:card_header :let={user}>

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

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

<% full_name = User.full_name(user) %> <%= if full_name && full_name != "" do %> {full_name} <% 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 %> <%!-- On mobile only the email + actions columns show; the rest collapse (hidden md:table-cell), mirroring the media list. --%> <.table_default_header_cell class={mobile_col_class(column_id)}> {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) }>

{gettext("No users found")}

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

<%= if filters_active? do %> {gettext("Try adjusting your search or filter criteria.")} <% else %> {gettext("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 class={mobile_col_class(column_id)}> <%= 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 %> {gettext("you")} <% end %> <%= if @org_accounts_enabled && user.account_type == "organization" do %> {gettext("Org")} <% end %>

<%= if user.username do %>

@{user.username}

<% end %> <%!-- Name shown inline on mobile only, since the full_name column is hidden there. --%> <% mobile_full_name = User.full_name(user) %> <%= if mobile_full_name && mobile_full_name != "" do %>

{mobile_full_name}

<% end %>

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

<%= if user.first_name || user.last_name || user.organization_name do %> <% full_name = PhoenixKit.Users.Auth.User.full_name(user) %>

{full_name}

<% 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 %> {gettext("No roles")} <% end %>

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

<%= if user.confirmed_at do %> {gettext("Email Confirmed")} <% else %> {gettext("Email 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 )}

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

<%= cond do %> <% !@geolocation_tracking_enabled -> %> <% user.registration_country || user.registration_region || user.registration_city || user.registration_ip -> %> <%= 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 %> <% true -> %>

{gettext("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 )} <% else %> {gettext("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}?return_to=list" ) } 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 Email"), else: gettext("Confirm Email") } 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={ gettext( "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}?return_to=list") } 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 Email"), else: gettext("Confirm Email") } 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={ gettext( "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 --%>

{gettext("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 %>

{gettext("Customize Table Columns")}

{gettext( "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) --%>

{gettext("Selected Columns")}

{gettext("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-[120px] lg:min-h-[200px] lg:max-h-[400px] lg: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" />

{gettext("No columns selected yet")}

{gettext("Add columns from the options below")}

<% end %>

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

{gettext("Available Fields")}

{gettext("Click to add")}

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

{gettext("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 %>

{gettext("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 %>

{gettext("All fields are already selected")}

<% end %>

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

Manage Roles for {@managing_user.email}

{gettext("No users found")}

{gettext("User Statistics")}

{gettext("Customize Table Columns")}

{gettext("Selected Columns")}

{gettext("Available Fields")}

{gettext("Standard Fields")}

{gettext("Custom Fields")}

{@confirmation_modal.title}