sib-display#detail-mentor(
  loader-id="detail-mentor-loader"
  bind-resources,
  fields='name, steps, format.name,\
          submitter_info(submitter.account.picture, submitter, \
          submitter.mentorProfile.organisation.name, skills, uri, broken),\
          content(preview_image, iframe_link),\
          description, review.reviewer.account.picture, review.reviewer,\
          copyright, specifications(\
          header_specifications, author, country, language.name,\
          publication_year, fields, sharing)',

  widget-submitter='cs-display-mentor-link',
  class-name="title_form"
  class-steps="steps"
  widget-author='cs-display-resource-property',
  widget-country='cs-display-resource-property',
  widget-submitter.mentorProfile.organisation.name='cs-display-resource-property'
  class-submitter="resource-author"
  class-broken="broken"
  widget-format.name='cs-display-resource-property'
  class-format.name='format_type'
  widget-uri='cs-display-link'
  class-uri="pull-left"
  widget-skills='cs-display-resource-property'
  widget-description='cs-display-property'
  widget-name='cs-display-property'
  widget-publication_year='cs-display-resource-property'
  widget-sharing='cs-display-resource-property'
  widget-language.name='cs-display-resource-property'
  widget-submitter.account.picture='cs-account-picture'
  widget-broken='cs-broken-action'
  widget-preview_image='cs-preview-picture'
  widget-review.reviewer.account.picture='cs-account-picture'
  widget-review.reviewer='cs-display-mentor-link'
  class-review.reviewer="validator_ressource"
  widget-header_specifications='cs-section_header'
  
  label-broken=`${data.ReportBrokenLink}`
  label-sharing=`${data.Access} : `
  label-language.name=`${data.Language} : `
  label-publication_year=`${data.DatePublication} : `
  label-header_specifications=`${data.ResourceSpecifications}`
  label-format.name=''
  widget-iframe_link='iframe-video-resource'
  
  widget-steps='cs-display-step-property'
  label-steps=''
  each-label-steps=`${data.Step}`
  multiple-steps

  widget-fields='cs-display-multiple-property'
  label-fields=''
  each-label-fields=`${data.Field} : `
  multiple-fields

  label-skills=`${data.WithThisResourceBeAbleTo}`
  label-uri=`${data.LinkToResource}`
  name-uri='original-link'
  label-country=`${data.Country} : `
  label-submitter.mentorProfile.organisation.name=`${data.Organisation} : `
  label-author=`${data.Author} : `
  label-submitter=`${data.ResourcePostedBy}: `
  label-review.reviewer=`${data.ResourceValidatedBy}: `
  action-broken='resource-report-broken-link-mentor'
)

//TODO: implement likes here
//- <div class="like">
//-   <p class="backlink"><i class='far fa-thumbs-up'></i>18</p>
//-   <p class="backlink"><i class='far fa-thumbs-down'></i>3</p>
//- </div>

//- sib-display(
//-   bind-resources
//-   fields=""
//-   nested-field="likes"
//-   counter-template="<p><i class='fas fa-thumbs-up'></i>${counter}</p>"
//- )

//- sib-display(
//-   bind-resources
//-   fields=""
//-   nested-field="dislikes"
//-   counter-template="<p><i class='fas fa-thumbs-down'></i>${counter}</p>"
//- )

p.share SHARE : 
    sib-display.email-link(
      bind-resources
      fields="@id"
      widget-id='cs-display-email-button'
    )

    sib-display.twitter-link(
      bind-resources
      fields="@id"
      widget-id='cs-display-twitter-button'
    )

sib-display(
  bind-resources
  fields=""
  nested-field="conversations"
  counter-template=`<p>${data.Comments} (${counter})</p>`
)

sib-conversation(
  bind-resources
  nested-field="conversations"
)