<.header> <%= if @invitation do %> Join {@invitation.organization.name} <% else %> Register for an account <% end %> <:subtitle> 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" > Log in to your account now. <%= if @invitation do %>

You've been invited to join {@invitation.organization.name} as a {@invitation.role}.

<% else %>

Free tier includes:

✓ Monitor up to 10 devices
✓ Real-time alerts and notifications
✓ Performance charts and historical data
✓ 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="Email" autocomplete="email" required phx-mounted={JS.focus()} /> <.input field={f[:password]} type="password" label="Password" autocomplete="new-password" required /> <%= unless @invitation do %> <.input name="user[organization_name]" value="" type="text" label="Organization Name" placeholder="My Company" required /> <% end %> <.button phx-disable-with="Creating account..." class="w-full" variant="primary"> {if @invitation, do: "Accept invitation and create account", else: "Create an account"}