<%!-- Avatar Upload Section (Edit mode only) --%> <%= if @mode == :edit do %>

<%!-- Avatar Preview (Left) --%>

<% avatar_file_id = @pending_avatar_file_id || (@user.custom_fields && @user.custom_fields["avatar_file_id"]) %> <% variant = "medium" %>

<%= if avatar_file_id do %> <% avatar_url = PhoenixKit.Storage.URLSigner.signed_url(avatar_file_id, variant) %> Avatar

<%!-- Pending Badge --%> <%= if @pending_avatar_file_id do %>

Pending

<% end %> <% else %> <% initials = (@user.first_name || @user.email) |> String.first() |> String.upcase() %>

{initials}

<% end %>

<%!-- Media Selector Controls (Right) --%>

Profile Avatar

Select an image from your media library

<%!-- Media Selector Button --%> <%!-- Current Avatar Info --%> <%= if avatar_file_id do %> <%= if @pending_avatar_file_id do %>

<.icon name="hero-clock" class="w-4 h-4 inline" /> New avatar pending - click "Update User" to save

<% else %>

<.icon name="hero-check-circle" class="w-4 h-4 inline text-success" /> Avatar selected

<% end %> <% end %>

<% end %> <.form :let={form} for={@changeset} id="user_form" phx-submit="save_user" phx-change="validate_user" class="space-y-6" >

<%!-- Email --%>

<.input field={form[:email]} type="email" label="Email *" placeholder="user@example.com" required />

<%!-- Username --%>

<.input field={form[:username]} type="text" label="Username" placeholder="unique_username" />

Unique username (3-30 characters, letters, numbers, and underscores only)

<%!-- Password (only for new users) --%> <%= if @mode == :new do %>

<.input field={form[:password]} type="password" label="Password *" placeholder="Minimum 8 characters" required />

<% end %> <%!-- Name Fields --%>

<%!-- First Name --%>

<.input field={form[:first_name]} type="text" label="First Name" placeholder="Optional" />

<%!-- Last Name --%>

<.input field={form[:last_name]} type="text" label="Last Name" placeholder="Optional" />

<%!-- Personal Timezone --%>

<.select field={form[:user_timezone]} label="Personal Timezone" options={@timezone_options} />

<%!-- Password Change Section (Edit mode, Admin/Owner only) --%> <%= if @mode == :edit and (PhoenixKit.Users.Auth.Scope.admin?(@phoenix_kit_current_scope) or PhoenixKit.Users.Auth.Scope.owner?(@phoenix_kit_current_scope)) do %>

Password Management

Set a new password for this user (Admin privilege required)

<%!-- Inline Password Field --%> <%= if @show_password_field do %>

<.input field={form[:password]} type="password" label="New Password *" placeholder="Enter new password (minimum 8 characters)" required />

<.icon name="hero-information-circle-solid" class="w-4 h-4 inline mr-1" /> Note: This will immediately invalidate all current sessions for this user.

<% end %> <% end %> <%!-- User Status Section (Edit mode only) --%> <%= if @mode == :edit do %>

Account Status <%= if @user.is_active do %> Active <% else %> Inactive <% end %> <%= if @user.id == @phoenix_kit_current_user.id do %>

<.icon name="hero-information-circle-solid" class="w-5 h-5 mt-0.5 text-info" />

Cannot modify own status

You cannot deactivate your own account for security reasons.

<% else %>

<%= if @user.is_active do %> Deactivating will prevent this user from logging in <% else %> Activating will allow this user to log in <% end %>

<%= if @user.is_active and PhoenixKit.Users.Roles.user_has_role_owner?(@user) do %>

<.icon name="hero-exclamation-triangle-solid" class="w-4 h-4 inline mr-1 text-warning" /> Note: Cannot deactivate if this is the last active Owner in the system.

<% end %> <% end %>

<% end %> <%!-- Roles Management Section (Edit mode only) --%> <%= if @mode == :edit do %> <%= if @user.id == @phoenix_kit_current_user.id do %>

<.icon name="hero-information-circle-solid" class="w-5 h-5 mt-0.5 text-info" />

Cannot modify own roles

You cannot modify your own roles for security reasons. Ask another admin to change your roles.

Your current roles:

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

<% else %>

User Roles <%!-- Multi-select Dropdown --%>

<.icon name="hero-information-circle-solid" class="w-4 h-4 inline mr-1" /> Note: Owner role is protected and can only be assigned during initial setup. Removing the last Owner is not allowed.

<% end %> <% end %> <%!-- Custom User Fields Section (Edit mode only) --%> <%= if @mode == :edit && length(@field_definitions) > 0 do %>

Custom User Fields

<%= for field_def <- Enum.sort_by(@field_definitions, & &1["position"]) do %> <% field_key = field_def["key"] %> <% field_value = Map.get(@custom_fields_data, field_key, field_def["default"] || "") %> <% field_error = Map.get(@custom_fields_errors, field_key) %>

<%!-- Label with required indicator --%> {field_def["label"]} <%= if field_def["required"] do %> * <% end %> {String.capitalize(field_def["type"])} <%!-- Dynamic input based on field type --%> <%= case field_def["type"] do %> <% "textarea" -> %> <% "number" -> %> <% "boolean" -> %>

Enable this option

<% "date" -> %> <% "email" -> %> <% "url" -> %> <% "select" -> %> <% _default -> %> <%!-- text, radio, checkbox, and other types default to text input --%> <% end %> <%!-- Error message --%> <%= if field_error do %>

{field_error}

<% end %>

<% end %> <% end %> <%= if @mode == :new do %>

Additional Information

<.icon name="hero-information-circle-solid" class="w-5 h-5 mt-0.5 text-info" />

Default Settings:

• User will be assigned default "{@default_role}" role
• Account will be active by default
• Confirmation email will be sent automatically
• User can update their profile after first login

<% end %> <%!-- Form Actions --%>

<%!-- Password Reset via Email Section (Edit mode only) --%> <%= if @mode == :edit do %>

<.icon name="hero-exclamation-triangle-solid" class="w-6 h-6 text-yellow-600 dark:text-warning mt-0.5" />

Password Reset via Email

Send a password reset email to this user. They will receive a secure link to create a new password. This action cannot be undone and will invalidate their current password immediately.

<% end %>

Password Reset via Email

Confirm Password Reset