%h1 Change Your Password

.form
  = form_for resource do |f|
    -if resource.errors.any?
      #errorExplanation
        %h2= "#{pluralize(resource.errors.count, "error")} prohibited this change:"
        %ul
          - resource.errors.full_messages.each do |msg|
            %li= msg

    .fieldGroup
      .fieldGroupTitle Edit your personal info
      = f.fields_for :profile do |pf|
        .field
          .fieldName= pf.label :first_name
          .fieldValue= pf.text_field :first_name
        .field
          .fieldName= pf.label :last_name
          .fieldValue= pf.text_field :last_name
        .field
          .fieldName= f.label :email
          .fieldValue= f.text_field :email
        .field
          .fieldName= pf.label :phone
          .fieldValue= pf.text_field :phone
        .field
          .fieldName= label_tag "Company / Organization"
          .fieldValue= pf.text_field :company
        .field
          .fieldName= pf.label :position
          .fieldValue= pf.text_field :position
    .fieldGroup
      .fieldGroupTitle Change your password
    .field
      .fieldName= label_tag "Old Password:"
      .fieldValue= f.password_field :old_password, :id=>"old_password"
    .field
      .fieldName= label_tag "New Password:"
      .fieldValue= f.password_field :password, :id=>"password"
    .field
      .fieldName= label_tag "Confirm Password:"
      .fieldalue= f.password_field :password_confirmation
    .submit= f.submit "Change Password"

:css
  .extra_form_data {
    display: none;
  }

= content_for :head do
  = javascript_include_tag %w(jquery.validate jquery-validate/extra-methods.js)


:javascript
  var checkingPassword = true;
  $(function(){

  $('form').validate({onkeyup: function(element) {}});
  $('#old_password').rules("add", {verify_user : true, alphanumeric: true})
  });