<%= form_for(resource, as: resource_name, url: registration_path(resource_name,  tab: 'password-details-tab'), html: {method: :put, id: "password_details_registration_form", class: "form-horizontal"}) do |f| %>

  <p class="form-control-static"><%= _('If you would like to change your password please complete the following fields.') %></p>

  <%= hidden_field_tag :skip_personal_details, "true" %>

  <div class="form-group">
    <%= f.label(:current_password, _('Current password'), class: 'col-sm-2 control-label') %>
    <div class="col-sm-6">
      <%= f.password_field(:current_password,  class: 'form-control', "aria-required": true ) %>
    </div>
  </div>

  <div class="form-group">
    <%= f.label(:password, _('New password'),  class: 'col-sm-2 control-label') %>
    <div class="col-sm-6"> 
      <%= f.password_field(:password,  class: 'form-control', "aria-required": true , id: 'user_new_password') %>
    </div>
  </div>

  <div class="form-group">
    <%= f.label(:password_confirmation, _('Password confirmation'),  class: 'col-sm-2 control-label') %>
    <div class="col-sm-6">
      <%= f.password_field(:password_confirmation, class: 'form-control', "aria-required": true,  ) %>
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <div class="checkbox">
        <label>
           <input type="checkbox" id="passwords_toggle" /><%= _('Show passwords') %>
        </label>
      </div>
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
    <%= f.button(_('Save'), class: "btn btn-default", type: "submit") %>
    </div>
  </div>
<% end %>