div.grid-layer

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

  div.grid-layer-main.containerV
    h1 New offers
      span Here you can find and post offers
    sib-display#offers-list(
      data-src=`${sdn}/job-offers/`,
      data-fields='user-thumb, creationDate, title, description, skills, send',
      
      set-user-thumb='author.account.picture, author.first_name, author.groups',
      widget-author.account.picture='sib-display-img',
      widget-author.groups='groups-name',
      multiple-author.groups,

      widget-skills='skills-name',
      multiple-skills,
      
      action-send='member-chat',
      label-send='Send a private message',
      
      search-range-skills=`${sdn}/skills/`,
      search-fields='content, open, skills',
      
      set-content='title, description',
      
      search-label-content='Search by keyword',
      search-label-skills='Search by skills',

      search-widget-content='sib-form-placeholder-text',
      search-widget-skills='sib-form-placeholder-dropdown',
      search-widget-open='joboffers-filter'
    )
    
  div.grid-layer-links.containerV
    template#groups-list-template
      p ${value}
    sib-link(next="job-offer-create").plus-button
      div.icon-plus
      div Post a new offer
    //-sib-link().containerH.containerCenter.how-link
      div.icon-idea
      div.grow How To find a new offer?
    //-sib-link().containerH.containerCenter.how-link
      div.icon-idea
      div.grow How to set notification?