<%= render HeaderCompactComponent.new(title: "Signup") %> <%= render MainCompactComponent.new do %> <% case @step when 1 %>

Choose a username

<%= form_for @user, :url => signup_validate_url do |f| %>

<%= f.text_field :cn, autofocus: true, autocomplete: "username", required: true, class: "relative grow text-xl"%> @ <%= Setting.primary_domain %>

<% if @validation_error.present? %>

Username <%= @validation_error %>

<% end %>

<%= f.submit "Continue", class: "btn-md btn-blue block w-full" %>

<% end %> <% when 2 %>

What's your email?

<%= form_for @user, :url => signup_validate_url do |f| %>

<%= f.label :email, 'Email address', class: 'hidden' %> <%= f.email_field :email, autofocus: true, autocomplete: 'email', required: true, class: 'text-xl w-full' %>

<% if @validation_error.present? %>

Email <%= @validation_error %>

<% end %>

<%= f.submit "Continue", class: "btn-md btn-blue block w-full" %>

<% end %> <% when 3 %>

Choose a password

<%= form_for @user, :url => signup_validate_url do |f| %>

<%= f.label :password, 'Password', class: 'hidden' %> <%= f.password_field :password, autofocus: true, class: 'text-xl w-full' %>

<% if @validation_error.present? %>

Password <%= @validation_error %>

<% end %>

By clicking the button below, you accept our future Terms of Service and Privacy Policy. Don't worry, they will be excellent!

<%= f.submit "Create account", class: "btn-md btn-blue block w-full" %>

<% end %> <% end %> <% end %>