solid-router(default-route='project-profile', hidden)
  solid-route(name='project-profile')
  solid-route(name='project-edit')

#project-profile(hidden)
  include ../../templates/hubl-captain.pug
  include ../../templates/hubl-circle-team.pug
  include ../../templates/hubl-project-team.pug

  .content-box__info.flex

    .flex.space-between.with-padding.mobile-vertical-align
      solid-display.mobile-margin__bottom(
        bind-resources
        fields='creationDateSet(title, creationDate)'

        class-title='word-spacing-right'

        value-title='Date de création : '

        widget-creationDate='solid-display-date'
      )
      solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
        solid-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources) Modifier et ajouter un membre
      
    solid-display(
        class='flex desktop-button__end'
        bind-resources
        nested-field='members'
        fields='relation'

        action-relation='relation'
        widget-relation='hubl-project-leave-button'

        search-fields='user'
        search-widget-user='solid-form-hidden'
        search-value-user=""

        hubl-inherit-user-id="search-value-user"
    )

    .flex.space-between
      solid-display(
        bind-resources
        fields='label-captain, captain'

        value-label-captain='Capitaine :'
        class-label-captain='h2-like'
        widget-captain='hubl-captain'
      )
      solid-display(
        class='customer-logo'
        bind-resources
        fields='customer.logo'
        
        widget-customer.logo='solid-display-img'
      )

    h2 Equipe :

    solid-display.block(
      bind-resources
      fields='members'

      multiple-members
      widget-members='hubl-project-team'
    )


    solid-widget(name='hubl-project-leave-button')
      template
        solid-delete(
          class='button desktop-btn-margin__left text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
          data-src="${src}"
          data-label='Quitter le groupe'
        )

#project-edit.content-box__height(hidden)
  include page-project-edit.pug