sib-router(default-route='circle-profile')
  sib-route(name='circle-profile')
  sib-route(name='circle-edit')

#circle-profile(hidden)
  include templates/hd-circle-team.pug
  .content-box__info
    sib-ac-checker.circle-edit-button(permission='acl:Write', bind-resources)
      sib-link(class="right-btn", next="circle-edit", bind-resources) Edit and add Members

    sib-display.block(
      bind-resources
      fields='creationDateSet(title, creationDate)'

      value-title='Creation date:'
      
      widget-creationDate='sib-display-date'
    )


    h2(name="label-team") Members:

    //- TODO: sib-ac-checker unworking - https://git.happy-dev.fr/startinblox/framework/sib-core/issues/517
    //- sib-ac-checker(permission='acl:Write', bind-resources, nested-field='team')
    sib-form.block.team-form(
      bind-resources 
      nested-field='members'
      fields='user'
      range-user=`${endpoints.users}`

      class-user='team form-label is-dark'
      label-user=''
      widget-user='sib-form-auto-completion'

      submit-button='Add a member'
    )

    sib-display.block(
      bind-resources
      fields='team'

      multiple-team=''
      widget-team='circle-team-template'
    )

    sib-ac-checker(permission='acl:Delete', bind-resources)
      sib-delete(
        bind-resources
        data-label='Delete Circle'
        class='right-btn reversed-btn'
      )

    sib-widget(name='join-leave-circle-button')
      template
        sib-ac-checker(
          permission="acl:Delete"
          data-src="${value['@id']}"
        )
          sib-delete(
            data-src="${value['@id']}"
            data-label='Leave circle'
          )

    sib-display(
      bind-resources
      fields='members'

      multiple-members=''
      widget-members='join-leave-circle-button'
    )

    sib-form.block.team-form(
      bind-resources 
      nested-field='members'
      fields='user'
      label-user=''
      range-user=`${endpoints.users}`
      widget-user='sib-form-dropdown'

      set-user-id-select="user"

      submit-button='Join Circle'
    )
    

#circle-edit(hidden)
  include page-circle-edit.pug