div.content-box__info.flex
  solid-link(class='backlink right', next='admin-communities-list') Retour

  solid-display.h1-like.centered(
    bind-resources
    fields='text, name'
    value-text="Inviter un utilisateur à "
    loader-id='loader-users-title'
  )

  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 Nom d'utilisateur*
      input(type="text" title='Caractères alphanumérique uniquement' pattern="[a-zA-Z0-9]+" label="Nom d'utilisateur *" name="username" required value="\${value}" data-holder)

  solid-widget(name='hubl-email-field')
    template
      label E-mail *
      input(type="email" label="E-mail *" name="email" required value="\${value}" data-holder)

  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='form-label is-light is-half-width input-text-like'
    class-user.last_name='form-label is-light is-half-width input-text-like'
    class-user.username='form-label is-light is-half-width input-text-like'
    class-user.email='form-label is-light is-half-width input-text-like'

    label-user.first_name='Prénom *'
    label-user.last_name='Nom *'
    label-user.username='Nom d\'utilisateur *'
    label-user.email='E-mail *'

    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='Inviter'
  )