{gettext("Create account")}

{gettext("Join %{project_title} today", project_title: @project_title)}

<%!-- Invitation banner: shown when user arrives via org invitation link --%> <%= if @pending_invitation do %>

<.icon name="hero-building-office-2" class="w-5 h-5 shrink-0" /> {gettext( "You've been invited to join %{organization}. Create an account to accept the invitation.", organization: @pending_invitation.organization.organization_name )}

<% end %> <.form for={@form} id="registration_form" phx-submit="save" phx-change="validate" phx-trigger-action={@trigger_submit} action={Routes.path("/users/log-in?_action=registered")} method="post" > <%!-- Silently captures the browser's UTC offset so new accounts start with a timezone instead of "Not set" — no UI, just a value the TimezoneOffset hook fills in before submit. Never overwrites an already-present value (e.g. a re-rendered form after a validation error), and users can always change it later in their settings. --%>

{gettext("Email")} <.input field={@form[:email]} type="email" autocomplete="email" required> <:icon>

<%!-- Username Field (optional, controlled by admin setting) --%> <%= if @show_username do %>

{gettext("Username")} <.input field={@form[:username]} type="text" autocomplete="username"> <:icon>

{gettext("Auto-filled from your email — edit it to choose your own")}

<% end %> <%!-- Referral Code Field (shown when referral codes are enabled) --%> <%= if @referral_codes_enabled do %>

<.label for="referral_code"> {gettext("Referral Code")} <%= if @referral_codes_required do %> * <% end %> <%= if @referral_code_error do %> <.error>{@referral_code_error} <% end %>

<% end %> <%!-- Account Type (only when organization accounts enabled) --%> <%= if @org_accounts_enabled do %>

{gettext("Account Type")}

<%!-- Organization Name (only for organization type) --%> <%= if Phoenix.HTML.Form.input_value(@form, :account_type) == "organization" do %>

{gettext("Organization Name")} <.input field={@form[:organization_name]} type="text" required> <:icon> <.icon name="hero-building-office" class="h-[1em] w-[1em] opacity-50" />

<% end %> <% end %>

{gettext("Password")} <.input field={@form[:password]} type="password" autocomplete="new-password" required> <:icon>

<%!-- Alternative registration methods --%> <%!-- Only show this section if at least one alternative method is available --%> <%= if @magic_link_registration_enabled or PhoenixKit.Users.OAuthAvailability.oauth_available?() do %>

{gettext("Or continue with")}

<%!-- Magic Link Registration --%> <%= if @magic_link_registration_enabled do %> <.link navigate={Routes.path("/users/register/magic-link")} class="btn btn-outline w-full transition-all hover:scale-[1.02] active:scale-[0.98] hover:shadow-lg" > {gettext("Register with Magic Link")} <% end %> <%!-- OAuth authentication --%>

<% end %> <%!-- Login link --%>

{gettext("Already have an account?")} <.link navigate={Routes.path("/users/log-in")} class="font-semibold text-primary hover:underline" > {gettext("Sign in")}