2024-02-02 09:05:04 -06:00
|
|
|
<%
|
|
|
|
header_title "Create an account"
|
|
|
|
%>
|
|
|
|
|
|
|
|
<%= form_with model: @user, url: registration_path, html: {class: 'space-y-6'} do |form| %>
|
|
|
|
<% if form.object.errors.any? %>
|
|
|
|
<% form.object.errors.full_messages.each do |message| %>
|
|
|
|
<div><%= message %></div>
|
|
|
|
<% end %>
|
|
|
|
<% end %>
|
|
|
|
|
2024-02-03 16:14:47 +00:00
|
|
|
<div class="relative border border-gray-100 bg-offwhite rounded-xl focus-within:bg-white focus-within:shadow focus-within:opacity-100">
|
|
|
|
<%= form.label :email, class: 'p-4 pb-0 block text-sm font-medium text-gray-700' %>
|
|
|
|
<%= form.email_field :email, autofocus: false, autocomplete: "email", required: 'required', placeholder: 'you@example.com', class: 'p-4 pt-1 bg-transparent border-none opacity-50 focus:outline-none focus:ring-0 focus-within:opacity-100 w-full' %>
|
2024-02-02 09:05:04 -06:00
|
|
|
</div>
|
|
|
|
|
2024-02-03 16:14:47 +00:00
|
|
|
<div class="relative border border-gray-100 bg-offwhite rounded-xl focus-within:bg-white focus-within:shadow focus-within:opacity-100">
|
|
|
|
<%= form.label :password, "Password", class: 'p-4 pb-0 block text-sm font-medium text-gray-700' %>
|
|
|
|
<%= form.password_field :password, autocomplete: "new-password", required: 'required', class: 'p-4 pt-1 bg-transparent border-none opacity-50 focus:outline-none focus:ring-0 focus-within:opacity-100 w-full' %>
|
2024-02-02 09:05:04 -06:00
|
|
|
</div>
|
|
|
|
|
2024-02-03 16:14:47 +00:00
|
|
|
<div class="relative border border-gray-100 bg-offwhite rounded-xl focus-within:bg-white focus-within:shadow focus-within:opacity-100">
|
|
|
|
<%= form.label :password_confirmation, "Password confirmation", class: 'p-4 pb-0 block text-sm font-medium text-gray-700' %>
|
|
|
|
<%= form.password_field :password_confirmation, autocomplete: "new-password", required: 'required', class: 'p-4 pt-1 bg-transparent border-none opacity-50 focus:outline-none focus:ring-0 focus-within:opacity-100 w-full' %>
|
2024-02-02 09:05:04 -06:00
|
|
|
</div>
|
|
|
|
|
2024-02-02 17:49:28 -06:00
|
|
|
<% if hosted_app? %>
|
2024-02-03 16:14:47 +00:00
|
|
|
<div class="bg-offwhite rounded-xl focus-within:bg-white focus-within:shadow focus-within:opacity-100 relative border border-gray-100">
|
|
|
|
<%= form.label :invite_code, "Invite code", class: 'p-4 pb-0 block text-sm font-medium text-gray-700' %>
|
|
|
|
<%= form.password_field :invite_code, required: 'required', class: 'p-4 pt-1 bg-transparent border-none opacity-50 focus:outline-none focus:ring-0 focus-within:opacity-100 w-full' %>
|
2024-02-02 17:49:28 -06:00
|
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
|
2024-02-02 09:05:04 -06:00
|
|
|
<div>
|
|
|
|
<%= form.submit "Continue", class: 'flex justify-center w-full px-4 py-3 text-sm font-medium text-white bg-black rounded-xl hover:bg-black focus:outline-none focus:ring-2 focus:ring-gray-200 shadow' %>
|
|
|
|
</div>
|
|
|
|
<% end %>
|