- provide(:title, "Account Settings | #{APP_CONFIG['site_name']}")
.container.j2-page
  = render 'user/settings_tabs'
  .col-md-9.col-xs-12.col-sm-9
    = render 'layouts/messages'
    .panel.panel-default
      .panel-body
        = bootstrap_form_for(resource, as: resource_name, url: '/settings/account', html: { method: :put }) do |f|
          / Password field modal
          #modal-passwd.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "modal-passwd-label", :role => "dialog", :tabindex => "-1"}
            .modal-dialog
              .modal-content
                .modal-header
                  %button.close{"data-dismiss" => "modal", :type => "button"}
                    %span{"aria-hidden" => "true"} ×
                    %span.sr-only Close
                  %h4#modal-passwd-label.modal-title Save account changes
                .modal-body
                  = f.password_field :current_password, autocomplete: "off", label: "Current password", help: "We need your current password to confirm your changes"
                .modal-footer
                  %button.btn.btn-default{"data-dismiss" => "modal", :type => "button"} Cancel
                  %button.btn.btn-primary{:type => "submit"} Save changes

          = devise_error_messages!

          = f.text_field :screen_name, autofocus: true, label: "User name"

          = f.email_field :email, label: "Email address"
          - if devise_mapping.confirmable? && resource.pending_reconfirmation?
            %div
              Currently waiting confirmation for: #{resource.unconfirmed_email}

          = f.password_field :password, autocomplete: "off", label: "Password", help: "Leave this blank if you don't want to change it"
          = f.password_field :password_confirmation, autocomplete: "off", label: "Confirm password"

          %button.btn.btn-primary{"data-target" => "#modal-passwd", "data-toggle" => "modal", :type => "button"}
            Save changes

          %hr/
        %p
          Unsatisfied?
          =button_to "Delete my account", '/settings/account', data: { confirm: "Are you sure?" }, method: :delete, class: "btn btn-danger btn-xs"

        = link_to "Back", :back

.visible-xs= render "shared/links"