<%= link_to (image_tag "logo.png", class: "h-12 w-auto"), root_path, class: 'flex justify-center' %>

<%= t("sign_up_new_account") %>

<%= render "layouts/flash" %>

<%= form_for(@user, url: registrations_path(@user)) do |f| %>

<%=f.label :email, class: "block text-sm font-medium leading-5 text-gray-700" %>

<%=f.email_field :email, class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md placeholder-gray-400 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition duration-150 ease-in-out sm:text-sm sm:leading-5" %>

<%= f.label :password, class: "block text-sm font-medium leading-5 text-gray-700" %>

<%= f.password_field :password, class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md placeholder-gray-400 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition duration-150 ease-in-out sm:text-sm sm:leading-5" %>

<%= f.button t("sign_up"), class: "w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo active:bg-indigo-700 transition duration-150 ease-in-out", type: 'submit', data: {disable_with: disable_with_spinner(t("sign_up"))} %>

<% end %>

<%= t("already_have_account?") %> <%= link_to t("sign_in"), new_session_path, class: "text-indigo-600 hover:text-indigo-500 transition ease-in-out duration-150" %>