div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.padding-large.border-bottom.border-color-grey
  div.segment.full.sm-three-quarter
    h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
  div.segment.half.sm-hidden.text-right
    solid-link(class="backlink", next=`admin-${getRoute('chat', true)}` data-trans='circle.create.backlink')
  div.segment.lg-hidden.sm-quarter.text-right
    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading

div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
  div#loader-users-title.loader.loader
    div
    div
    div
    div

  div.segment.margin-bottom-medium
    div.segment
      solid-display.text-color-heading.text-semibold.text-xlarge.text-letter-spacing-large(
        bind-resources
        fields='text, name'
        value-text=''
        data-trans='value-text=user.create.title'
        loader-id='loader-users-title'
      )

  div#loader-users-create.loader.loader-top
    div
    div
    div
    div

  solid-form.form#selected-community(
    bind-resources
    nested-field='members'

    fields='user.first_name, user.last_name, user.username, user.email, user.password'
    required-user.first_name
    required-user.last_name
    required-user.username
    required-user.email
    loader-id='loader-users-create'

    class-user.first_name='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
    class-user.last_name='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
    class-user.username='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'

    label-user.first_name=''
    label-user.last_name=''
    label-user.username=''
    label-user.email=''

    value-user.password=''
    widget-user.password='solid-form-hidden'

    widget-user.username='orbit-username-field'
    widget-user.email='orbit-email-field'

    next=`admin-${getRoute('chat', true)}`

    submit-button=''
    submit-widget="button"
    class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-button-icon children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
    
    data-trans='label-user.first_name=user.create.labelFirstname;label-user.last_name=user.create.labelLastname;label-user.username=user.create.labelUsername;label-user.email=user.create.labelEmail;submit-button=user.create.buttonSubmit'
  )