.login-box
  .login-heading
    %h3 Sign up
  .login-body
    = form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
      .devise-errors
        = devise_error_messages!
      %div
        = f.text_field :name, class: "form-control top", placeholder: "Name", required: true
      %div
        = f.text_field :username, class: "form-control middle", placeholder: "Username", required: true
      %div
        = f.email_field :email, class: "form-control middle", placeholder: "Email", required: true
      .form-group#password-strength
        = f.password_field :password, class: "form-control middle", id: "user_password_sign_up", placeholder: "Password", required: true
      %div
        = f.password_field :password_confirmation, class: "form-control bottom", placeholder: "Confirm password", required: true
      %div
        = f.submit "Sign up", class: "btn-create btn"
  .login-footer
    %p
      %span.light
        Have an account?
      %strong
        = link_to "Sign in", new_session_path(resource_name)
    %p
      = link_to "Forgot your password?", new_password_path(resource_name)