new.html.erb

<% @body_id = 'signup' %>
<%= render :partial => 'spree/shared/error_messages', :locals => { :target => @user } %>
<div class="col-md-6 col-md-offset-3">
  <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"><%= Spree.t(:new_distributor) %></h3>
    </div>
      <div id="new-customer" class="panel-body" data-hook="login">
 
    <%= form_for resource, :as => :spree_user, :url => "/afiliarse" do |f| %>
      <div data-hook="signup_inside_form">

      <fieldset id="password-credentials">
        <div class="form-group">
           <%= f.label :email, Spree.t(:email) %>  <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
          <%= f.email_field :email, :class => 'form-control', :tabindex => 1, autofocus: true, placeholder: "[email protected]", required: true %>
        </div>
        <hr />
        <div class="form-group">
           <%= f.label :password, Spree.t(:password) %>
          <%= f.password_field :password, :class => 'form-control', :tabindex => 2, placeholder: "12345678", required: true %>
        </div> 
        <div class="form-group">
          <%= f.label :password_confirmation, Spree.t(:confirm_password) %>
          <%= f.password_field :password_confirmation, :class => 'form-control', :tabindex => 3, placeholder: "12345678", required: true %>
        </div> 
      </fieldset>
      <div data-hook="signup_below_password_fields"></div>

       <div class="col-sm-6" data-hook="billing_fieldset_wrapper">
         <div class="panel panel-default" id="billing" data-hook>
             <div class="panel-heading">
               <h3 class="panel-title"><%= Spree.t(:billing_address) %></h3>
             </div>
             <div class="panel-body">
               <%= f.fields_for :bill_address do |bill_form| %>
                <%= render :partial => 'spree/address/form', :locals => { :form => bill_form, :address_type => 'billing', :address => resource.bill_address } %>
               <% end %>
             </div>
         </div>
       </div>


         <p><%= f.submit Spree.t(:create), :class => 'btn btn-lg btn-success btn-block' %></p>
            </div>
          <% end %>
          <div class="text-center">
            <%= Spree.t(:or) %> 
              <%= link_to Spree.t(:login_as_existing), spree.login_path %>
          </div>
          <div data-hook="login_extras"></div>
      </div>
  </div>
</div>