solid-ac-checker(permission='acl:Read', bind-resources)
  div.segment.lg-full.padding-large.border-bottom.border-color-grey
    div.segment.lg-half
      solid-display.text-xxlarge.text-letter-spacing-large(
        bind-resources
        fields='const-title1, number, customer.name, dash, name'

        class-const-title1='text-color-heading text-bold text-uppercase'
        class-number='text-color-heading text-bold text-uppercase word-spacing-right'
        class-customer.name='text-color-heading text-bold text-uppercase'
        class-dash='text-color-heading text-bold text-xlarge'
        class-name=''

        value-const-title1='N°'
        value-dash=' - '
      )
    div.segment.lg-half.text-right
      solid-link(class='backlink right', bind-resources, next='project-profile' data-trans='project.edit.backlink')

div.segment.lg-full.padding-large.whitespace-normal

  solid-widget(name="project-edit-members-delete")
    template
      solid-ac-checker(permission="acl:Delete" data-src="${src}")
        solid-delete(
          class='button text-xsmall text-bold text-uppercase color-secondary bordered'
          data-src="${src}"
          data-label=''
          data-trans='data-label=project.edit.buttonDelete'
        )

  solid-ac-checker(permission='acl:Write', bind-resources)
    div#loader-project-edit.loader.loader-top
      div
      div
      div
      div

    //- Add translation for description and captain in the translate file
    solid-form.segment.whitespace-normal.button-register(
      bind-resources
    
      fields='customer.name, name, description, captain'
      required-customer.name
      required-name
      required-captain
      range-captain=`${endpoints.users || endpoints.get.users}`

      label-name=''
      label-customer.name=''
      label-description=''
      label-captain=''

      class-customer.name='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading'
      class-name='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading'
      class-description='segment margin-bottom-medium lg-full text-small text-semibold text-uppercase text-color-heading'
      class-captain='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading icon icon-magnify whitespace-normal'

      widget-description='solid-form-textarea'
      widget-captain='solid-form-dropdown-autocompletion-label'
      
      partial=""

      submit-button='Enregistrer'
      next='project-information'
      
      data-trans='label-name=project.edit.labelName;label-captain=project.edit.labelCaptain;label-customer.name=project.edit.labelCustomer;label-description=project.edit.labelDescription;submit-button=project.edit.buttonSubmit'
    )

  h3.segment.lg-full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.subTitle')

  solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
    solid-form.block.segment.margin-bottom-xlarge.clearfix.button-register(
      bind-resources 
      nested-field='members'
      fields='user'
      range-user=`${endpoints.users || endpoints.get.users}`

      class-user='add-member'
      label-user=''
      widget-user='solid-form-dropdown-autocompletion'

      submit-button=''
      data-trans='submit-button=project.edit.buttonAddMember'
    )

  //-.table-wrapper
    .table
      div.table-header.bg-color-third.text-color-heading
        div.table-cell.w280(data-trans='project.edit.tableHeader1')
        div.table-cell.w162(data-trans='project.edit.tableHeader2')

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

        class-classGroup='table-cell w280'
        class-self='table-cell w-162'
        class-classGrid='segment margin-left-xlarge user-thumb'
        class-user.account.picture='user-thumb-avatar'
        class-content='user-thumb-content'
        class-name-and-icon='user-thumb-content__name-and-icon'
        class-user.name='name'
        class-user.groups='tag color-primary'
        class-sub='user-thumb-content__sub-text community'
        class-atom='icon icon-primary mdi-atom'
        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'
      )