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

#project-profile(hidden, data-view="project-profile")
  include ../../templates/hubl-captain.pug

  solid-ac-checker(permission='acl:Read', bind-resources)
    div.segment.padding-large.border-bottom.border-color-grey.clearfix
      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-hidden
        button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.menuRight.buttonMobile')

  solid-widget(name='hubl-project-team-contact')
    template 
      solid-link(data-src='\${value}', next='messages')

  div.segment.padding-large.clearfix
    div#loader-project-profile.loader
      div
      div
      div
      div

    div.segment.clearfix
      solid-display.segment.lg-half.float-left(
        bind-resources
        fields='creationDateSet(title, creationDate)'
        loader-id='loader-project-profile'

        class-title='word-spacing-right'

        value-title=''
        data-trans='value-title=project.profile.creationDate'

        widget-creationDate='solid-display-value-date'
      )
      solid-ac-checker.segment.lg-half.float-left.text-right.margin-bottom-large(permission='acl:Append', bind-resources, nested-field='members')
        solid-ac-checker(permission='acl:Delete', bind-resources)
          solid-link(class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-pencil' next='project-edit' bind-resources data-trans='project.profile.buttonModify')
        solid-ac-checker(no-permission='acl:Delete', bind-resources)
          solid-link(class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-pencil' next='project-edit' bind-resources data-trans='project.profile.buttonAdd')
      
    div.segment.lg-auto.float-right.margin-bottom-large
      solid-ac-checker(permission='acl:Delete', bind-resources)
        solid-delete(
          class='button text-xsmall text-bold text-uppercase color-secondary bordered'
          bind-resources
          data-label=''
          data-trans='data-label=project.profile.buttonDelete'
          next='admin-projects'
        )

      solid-widget.segment.lg-auto.float-right.margin-bottom-large(name='hubl-project-leave-button')
        template
          solid-delete(
            class='button text-xsmall text-bold text-uppercase color-secondary bordered'
            data-src="${src}"
            data-label=''
            data-trans='data-label=project.profile.buttonQuit'
            next='project-left'
          )

      solid-ac-checker(no-permission='acl:Delete', bind-resources)
        solid-display(
            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=''
        data-trans='value-label-captain=project.profile.captain',
        class-label-captain='h2-like'
        widget-captain='hubl-captain'
      )

    br

    h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans:'project.profile.subTitle')

    solid-widget(name='hubl-project-user-admin')
      template ${value ? "Administrateur" : ""}

    solid-display.user-thumb(
      bind-resources
      nested-field='members'
      fields='classGroup(user.account.picture, sup(user.name, user, is_admin), sub(user.communities, name))'

      widget-user='hubl-project-team-contact'

      class-classGroup='user-thumb is-spaced'
      class-user.account.picture='avatar user-thumb__picture'
      class-user.name='user-thumb__name'
      class-user='user-thumb__send'
      class-is_admin='user-thumb__admin'
      multiple-user.communities
      multiple-user.communities-fields="community.name"
      class-name='user-thumb__lead'

      widget-classGroup='solid-set-div'
      widget-user.account.picture='hubl-user-avatar'
      widget-is_admin='hubl-project-user-admin'
    )

#project-edit.content-box__height(hidden, data-view="project-edit")
  include page-project-edit.pug