.card
  .card-body
    = bootstrap_form_for(resource, as: resource_name, url: '/settings/account', html: { method: :put }) do |f|
      = render 'modal/password', f: f

      = devise_error_messages!

      = f.text_field :screen_name, autofocus: true, label: t('views.settings.account.username')

      = f.email_field :email, label: t('views.settings.account.email')
      - if devise_mapping.confirmable? && resource.pending_reconfirmation?
        %div= raw t('views.settings.account.email_confirm', resource: resource.unconfirmed_email)

      = f.password_field :password, autocomplete: :off, label: t('views.settings.account.password'), help: t('views.settings.account.password_help')
      = f.password_field :password_confirmation, autocomplete: :off, label: t('views.settings.account.password_confirm')

      %button.btn.btn-primary{ data: { target: '#modal-passwd', toggle: :modal, type: :button } }
        = t 'views.actions.save'

      %hr/
    %p
      = t 'views.settings.account.unsatisfied'
      = button_to t('views.settings.account.delete'), '/settings/account', data: { confirm: 'Are you sure?' }, method: :delete, class: 'btn btn-danger btn-xs'

    = link_to t('views.settings.account.back'), :back

.visible-xs= render 'shared/links'