{@project_title} Create account

<.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" >

Email <.input field={@form[:email]} type="email" placeholder="Enter your email address" autocomplete="email" class="transition-colors focus:input-primary" required />

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

Username <.input field={@form[:username]} type="text" placeholder="Choose a unique username (optional)" autocomplete="username" class="transition-colors focus:input-primary" />

If not provided, we'll generate one from your email

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

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

<% end %>

Password <.input field={@form[:password]} type="password" placeholder="Choose a secure password" autocomplete="new-password" class="transition-colors focus:input-primary" required />

<%!-- 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 %>

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" > Register with Magic Link <% end %> <%!-- OAuth authentication --%>

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

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

<%!-- Development Mode Notice --%> <.dev_mailbox_notice />