TheCorrespondingSquares/chess-app

<br />
<div class="container">
  <div class="row justify-content-md-center">
    <div class="col-12 col-md-4">
      <div class="card">
        <div class="card-block">
          <h2 class="card-title">Sign up</h2>

          <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
            <%= devise_error_messages! %>

            <div class="field form-group">
              <%= f.label :email %><br />
              <%= f.email_field :email, class: 'form-control', autofocus: true %>
            </div>

            <div class="field form-group">
              <%= f.label :nickname %><br />
              <%= f.text_field :nickname, class: 'form-control', autofocus: true %>
            </div>

            <div class="field form-group">
              <%= f.label :password %>
              <% if @minimum_password_length %>
              <em>(<%= @minimum_password_length %> characters minimum)</em>
              <% end %><br />
              <%= f.password_field :password, class: 'form-control', autocomplete: "off" %>
            </div>

            <div class="field form-group">
              <%= f.label :password_confirmation %><br />
              <%= f.password_field :password_confirmation, class: 'form-control', autocomplete: "off" %>
            </div>

            <div class="actions">
              <%= f.submit "Sign up", class: 'btn btn-primary btn-block' %>
            </div>
          <% end %>

          <br />
          <%= render "devise/shared/links" %>
        </div>
      </div>
    </div>
  </div>
</div>