<.header> <%= if @invitation do %> {t_auth("Join %{organization}", organization: @invitation.organization.name)} <% else %> {t_auth("Register for an account")} <% end %> <:subtitle> {t_auth("Already registered?")} <.link navigate={~p"/users/log-in"} class="font-semibold text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300" > {t_auth("Log in")} {t_auth("to your account now.")} <%= if @invitation do %>

{t_auth("You've been invited to join %{organization} as a %{role}.", organization: @invitation.organization.name, role: @invitation.role )}

<% else %>

{t_auth("Free tier includes:")}

  • {t_auth("✓ Monitor up to 10 devices")}
  • {t_auth("✓ Real-time alerts and notifications")}
  • {t_auth("✓ Performance charts and historical data")}
  • {t_auth("✓ No credit card required")}
<% end %>
<.form :let={f} for={@form} action={~p"/users/register"}> <%= if @invitation_token do %> <% end %> <.input field={f[:email]} type="email" label={t_auth("Email")} autocomplete="email" required phx-mounted={JS.focus()} /> <.input field={f[:password]} type="password" label={t_auth("Password")} autocomplete="new-password" required /> <%= unless @invitation do %> <.input name="user[organization_name]" value="" type="text" label={t_auth("Organization Name")} placeholder={t_auth("My Company")} required /> <% end %>
<.button phx-disable-with={t_auth("Creating account...")} class="w-full mt-6" variant="primary" > {if @invitation, do: t_auth("Accept invitation and create account"), else: t_auth("Create an account")}