div.content-box__info

  include ../../templates/hubl-user-avatar.pug

  solid-widget(name="project-edit-members-delete")
    template
      solid-ac-checker(permission="acl:Delete" data-src="${src}")
        solid-delete(
          class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
          data-src="${src}"
          data-label='Retirer'
        )
			
  solid-link(class='backlink right', bind-resources, next='project-profile') Retour

  solid-ac-checker(permission='acl:Write', bind-resources)
    h1 Modifie ton projet

    div#loader-project-edit.loader.loader-top
      div
      div
      div
      div

    solid-form.form.button-register(
      bind-resources
    
      fields='line-1(customer.name, name)'
      required-customer.name
      required-name


      label-name='Nom du projet*'
      class-name='form-label is-light is-half-width input-text-like'

      label-customer.name='Nom du client*'
      class-customer.name='form-label is-light is-half-width input-text-like'

      partial=""

      submit-button='Enregistrer'
      next='project-information'
    )

  h2 Liste des membres :

  solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
    solid-form.block.select-add(
      bind-resources 
      nested-field='members'
      fields='user'
      range-user=`${endpoints.users || endpoints.get.users}`

      class-user='team'
      label-user=''
      widget-user='solid-form-dropdown-autocompletion'

      submit-button='Ajouter un membre'
    )

  .table-wrapper
    .table
      div.table-header.grey-color
        div.w280 Nom
        div.w162 Accès

      //-class='table-body'
      solid-display(
        class='table-body'
        bind-resources
        nested-field='members'
        fields='classGroup(classGrid(user.account.picture, sup(user.name, user.groups), sub(user.communities))), self'
        loader-id='loader-project-edit'

        class-classGroup='w280 cell border cell-with-id-card user-thumb is-spaced'
        class-user.account.picture='user-thumb__picture avatar'
        class-user.name='user-thumb__name'
        class-user.groups='user-thumb__groups'
        multiple-user.communities
        multiple-user.communities-fields="community.name"

        widget-user.account.picture='hubl-user-avatar'

        multiple-user.groups
        multiple-user.groups-fields='name'

        action-self='self'
        widget-self='project-edit-members-delete'
      )