include ../../components/widgets

.block_log.block_creat_count.no_shadow
  sib-link(class="backlink", next="public-resource-list")
    .like
      p.backlink 
        i.fas.fa-times

  div#detail-public-loader
    hidden Loading resources, please wait...

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

    widget-submitter.name='cs-display-resource-property',
    class-name="title_form"
    class-steps="steps"
    widget-author='cs-display-resource-property',
    widget-country='cs-display-resource-property',
    widget-submitter.mentor_profile.organisation.name='cs-display-resource-property'
    class-submitter.name="autor_ressource"
    class-broken="broken"
    widget-format='cs-display-multiple-property'
    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.name='cs-resource-reviewer'
    class-review.reviewer.name="validator_ressource"
    widget-header_specifications='cs-section_header'
    
    label-broken='Report broken link'
    label-sharing='Access:'
    label-language.name='Language:'
    label-publication_year='Year of publication:'
    label-header_specifications='Resource specifications'
    each-label-format=''
    label-format=''
    multiple-format

    widget-steps='cs-display-step-property'
    label-steps=''
    each-label-steps="Step"
    multiple-steps

    widget-fields='cs-display-multiple-property'
    label-fields=''
    each-label-fields='Field:'
    multiple-fields

    label-skills='With this resource, you will be able to:'
    label-uri='Link to resource'
    name-uri='original-link'
    label-country='Country:'
    label-submitter.mentor_profile.organisation.name='Organisation:'
    label-author='Author :'
    label-submitter.name='Resource posted by:'
    action-broken='resource-report-broken-link'
  )

  //- Add 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>"
  )

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

  sib-conversation(
    bind-resources
    id-suffix="conversations"
  )

  h2.title_lead_avenir Related resources

  sib-display(
    bind-resources,
    nested-field="related"
    fields="name, detail"

    widget-name='cs-display-property'
    label-detail=''
    widget-detail='sib-action'
    action-detail='public-resource-detail'
  )