hubl/src/views/admin/page-admin-users-create.pug

div.segment.padding-xlarge.border-bottom.clearfix
  div.segment.lg-half.float-left
    h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
  div.segment.lg-half.float-left.text-right
    solid-link(class="backlink", next='admin-communities-list' data-trans='user.create.backlink')


div.segment.padding-xlarge.clearfix
  div#loader-users-title.loader.loader
    div
    div
    div
    div

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

  solid-widget(name='hubl-username-field')
    template
      label(data-trans='user.create.labelUsername')
      input(type="text" title='' pattern="[a-zA-Z0-9]+" label="" data-trans='title=user.create.labelUsernameTitle;label=user.create.labelUsername' name="username" required value="\${value}" data-holder)

  solid-widget(name='hubl-email-field')
    template
      label(data-trans='user.create.labelEmail')
      input(type="email" label='' data-trans='label=user.create.labelEmail' name="email" required value="\${value}" data-holder)

  div.segment.margin-top-small.margin-bottom-xxlarge
    h3.text-uppercase.text-large.text-letter-spacing-large(data-trans='user.create.title', loader-id='loader-users-title')
  
  solid-form.form.button-register#selected-community(
    bind-resources
    nested-field='members'

    fields='line-1(user.first_name, user.last_name), line-2(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 lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
    class-user.last_name='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
    class-user.username='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold text-uppercase text-color-heading'
    class-user.email='segment lg-half float-left margin-bottom padding-left-large box-border text-small text-bold 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='hubl-username-field'
    widget-user.email='hubl-email-field'

    next='admin-communities-list'

    submit-button=''
    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'
  )