div.grid-layer

  include templates/template-groups.pug
  include templates/template-skills.pug

  div.grid-layer-main.containerV
    h1 Members
    sib-display#profiles-list(
      data-src=`${sdn}/members/`,
      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-name='Search by lastname, firstname...',
      search-label-groups='Filter by role',
      search-label-skills='Search by skills',
      search-widget-name='sib-form-placeholder-text',
      search-widget-groups='sib-form-placeholder-dropdown',
      search-widget-skills='sib-form-placeholder-text',
      
      counter-template='<span>${counter} members</span>',
      
      data-fields='header, infos',
      set-header='user.account.picture, user.name, pseudonym, bio, send',
      set-infos='city, user.groups, user.email, phone, user.skills',
      set-pseudonym='before-pseudo,user.username',
      value-before-pseudo='@',
      label-send='SEND A MESSAGE',
      action-send='member-chat',
      widget-user.account.picture='sib-display-img',
      widget-user.groups='groups-name',
      widget-user.skills='skills-name',
      multiple-user.groups,
      multiple-user.skills,

      paginate-by='3',

      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 ?