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

sib-widget(name='circle-admin-join-button-template')
  template
    sib-form.circle-admin-join-button(
      data-src='${src}'
      nested-field='members'
      fields='user'
      widget-user='sib-form-dropdown'
      label-user=''
      range-user=`${endpoints.users}`
      submit-button='Join'
      set-user-id-select="user"
    )

h1 Circles

div
  //- Search a circle

div.table-header
  div.cell Name
  div.cell Admins
  div.cell Join

sib-display.table-body(
  data-src=`${endpoints.circles}`
  fields="name,own(owner.name,owner.account['@id']),members,button"

  widget-members='circle-admin-leave-button-template'
  multiple-members

  widget-button='circle-admin-join-button-template'
  action-button='button'
)