app/views/admin/users/_form.html.haml

.user_new
  = gitlab_ui_form_for [:admin, @user], html: { class: 'fieldset-form' } do |f|
    = form_errors(@user)

    .settings-section
      .settings-sticky-header
        .settings-sticky-header-inner
          %h4.gl-my-0
            = _('Account')

      .form-group.gl-form-group{ role: 'group' }
        = f.label :name, _('Name'), class: 'gl-block col-form-label'
        = f.text_field :name, required: true, autocomplete: 'off', class: 'form-control gl-form-input gl-form-input-lg'

      .form-group.gl-form-group{ role: 'group' }
        = f.label :username, _('Username'), class: 'gl-block col-form-label'
        = f.text_field :username, required: true, autocomplete: 'off', autocorrect: 'off', autocapitalize: 'off', spellcheck: false, class: 'form-control gl-form-input gl-form-input-lg'

      .form-group.gl-form-group{ role: 'group' }
        = f.label :email, _('Email'), class: 'gl-block col-form-label'
        = f.text_field :email, required: true, autocomplete: 'off', class: 'form-control gl-form-input gl-form-input-lg'

    .settings-section
      .settings-sticky-header
        .settings-sticky-header-inner
          %h4.gl-my-0
            = _('Password')

      - if @user.new_record?
        = render Pajamas::AlertComponent.new(variant: :info, dismissible: false, alert_options: { class: 'gl-mb-5' }) do |c|
          - c.with_body do
            = s_('AdminUsers|Reset link will be generated and sent to the user. User will be forced to set the password on first sign in.')
      - else
        .form-group.gl-form-group.gl-form-input-lg{ role: 'group' }
          = f.label :password, _('Password'), class: 'gl-block col-form-label'
          = f.password_field :password, class: 'form-control gl-form-input js-password-complexity-validation js-password', data: { autocomplete: 'new-password', disabled: f.object.force_random_password, required: false, id: 'user_password', name: 'user[password]' }
          = render_if_exists 'shared/password_requirements_list'
        .form-group.gl-form-group.gl-form-input-lg{ role: 'group' }
          = f.label :password_confirmation, _('Password confirmation'), class: 'gl-block col-form-label'
          = f.password_field :password_confirmation, class: 'form-control gl-form-input js-password', data: { autocomplete: 'new-password', disabled: f.object.force_random_password, required: false, id: 'user_password_confirmation', name: 'user[password_confirmation]' }

    = render partial: 'access', locals: { f: f }

    = yield :organization_section

    = render_if_exists 'admin/users/namespace_plan_fieldset', f: f

    = render_if_exists 'admin/users/limits', f: f

    .settings-section
      .settings-sticky-header
        .settings-sticky-header-inner
          %h4.gl-mt-0
            = _('Profile')

      .form-group.gl-form-group{ role: 'group' }
        = f.label :avatar, s_('AdminUsers|Avatar'), class: 'gl-block col-form-label gl-form-input-lg'
        = f.file_field :avatar

      .form-group.gl-form-group{ role: 'group' }
        = f.label :skype, s_('AdminUsers|Skype'), class: 'gl-block col-form-label'
        = f.text_field :skype, class: 'form-control gl-form-input gl-form-input-lg'

      .form-group.gl-form-group{ role: 'group' }
        = f.label :linkedin, s_('AdminUsers|Linkedin'), class: 'gl-block col-form-label'
        = f.text_field :linkedin, class: 'form-control gl-form-input gl-form-input-lg'

      .form-group.gl-form-group{ role: 'group' }
        = f.label :twitter, _('X (formerly Twitter)'), class: 'gl-block col-form-label'
        = f.text_field :twitter, class: 'form-control gl-form-input gl-form-input-lg'

      .form-group.gl-form-group{ role: 'group' }
        = f.label :website_url, s_('AdminUsers|Website URL'), class: 'gl-block col-form-label'
        = f.text_field :website_url, class: 'form-control gl-form-input gl-form-input-lg'

    = render_if_exists 'admin/users/custom_attributes', f: f

    = render 'admin/users/admin_notes', f: f

    .settings-sticky-footer
      - if @user.new_record?
        = f.submit _('Create user'), pajamas_button: true, class: 'gl-mr-3'
        = render Pajamas::ButtonComponent.new(href: admin_users_path) do
          = _('Cancel')
      - else
        = f.submit _('Save changes'), pajamas_button: true, class: 'gl-mr-3'
        = render Pajamas::ButtonComponent.new(href: admin_user_path(@user)) do
          = _('Cancel')