{gettext("Complete Your Registration")}

{gettext("Email:")} {@email}

<.form for={@form} id="registration_completion_form" phx-submit="save" phx-change="validate" phx-trigger-action={@trigger_submit} action={Routes.path("/users/log-in?_action=registered")} method="post" > <%!-- Hidden email field for session controller --%>
{gettext("Account Information")} <%!-- Username Field --%>
<.input field={@form[:username]} type="text" placeholder={gettext("Choose a unique username")} autocomplete="username" class="transition-colors focus:input-primary" />
<%!-- Password Field --%>
<.input field={@form[:password]} type="password" placeholder={gettext("Choose a secure password")} autocomplete="new-password" class="transition-colors focus:input-primary" required />
<%!-- First Name Field (optional) --%>
<.input field={@form[:first_name]} type="text" placeholder={gettext("Your first name (optional)")} autocomplete="given-name" class="transition-colors focus:input-primary" />
<%!-- Last Name Field (optional) --%>
<.input field={@form[:last_name]} type="text" placeholder={gettext("Your last name (optional)")} autocomplete="family-name" class="transition-colors focus:input-primary" />
<%!-- Referral Code Field --%> <%= 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 %>