div.grid-layer
  template#chat-link
    sib-link(next="member-chat") ${value}
  div.grid-layer-main.containerV
    h1 Members
    sib-display#profiles-list(
      data-src=`${sdn}/members/`,
      counter-template='${counter} members',
      data-fields='header, infos',
      paginate-by='3',

      set-header='user.account.picture, user, pseudonym, bio, send',
      widget-user.account.picture='sib-display-img',
      widget-user='hdapp-userinfo',
      set-pseudonym='before-pseudo,user.username',
      value-before-pseudo='@',
      value-send='SEND A MESSAGE',
      template-send='chat-link',
      
      set-infos='city, user.groups, user.email, phone, user.skills',
      widget-user.groups='sib-display-lookuplist',
      widget-user.skills='sib-display-lookuplist',

      search-range-groups=`${sdn}/groups/`,
      search-range-skills=`${sdn}/skills/`,
      search-fields='name, groups, skills',
      
      set-name='pseudo, user.first_name, user.last_name',
      
      search-label-groups='Filter by role',
      search-label-name='Search by lastname, firstname...',
      search-label-skills='Search by skills',
      
      search-widget-groups='sib-form-placeholder-dropdown',
      search-widget-name='sib-form-placeholder-text',
      search-widget-skills='sib-form-placeholder-dropdown',

      next='member')
  div.grid-layer-links.containerV
    div.containerH.containerCenter.how-link
      div.containerV.fix.icon-idea
      div.containerV.grow
        sib-trigger() How To...
    div.containerH.containerCenter.how-link
      div.containerV.fix.icon-idea
      div.containerV.grow
        sib-trigger() How to complete my profile ?