<.icon name="hero-signal" class="size-7 text-blue-600 dark:text-blue-400" /> TowerOps

<%= if @invitation do %> {t_auth("Join %{organization}", organization: @invitation.organization.name)} <% else %> {t_auth("Create your account")} <% end %>

{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")}

<%= unless @invitation do %>
<.icon name="hero-gift" class="size-5 flex-shrink-0" /> {t_auth("First 10 devices free — no credit card needed")}
<% end %> <%= if @invitation do %>

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

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

{t_auth("Use 12+ characters for a strong password")}

<%= 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")}