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
      i.fas.fa-spinner.fa-spin

  sib-display(
    loader-id="detail-public-loader"
    bind-resources,
    fields='name, steps, format.name,\
            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.name, 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.name='cs-display-resource-property',
    widget-submitter.mentor_profile.organisation.name='cs-display-resource-property'
    class-submitter.name="autor_ressource"
    class-broken="broken"
    widget-format.name='cs-display-resource-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=`${data.ReportBrokenLink}`
    label-sharing=`${data.Access}`
    label-language.name=`${data.Language}`
    label-publication_year=`${data.DatePublication}`
    label-header_specifications=`${data.ResourceSpecifications}`
    label-format.name=''
    class-format.name='format_type'

    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.mentor_profile.organisation.name=`${data.Organisation}`
    label-author=`${data.Author}`
    label-submitter.name=`${data.ResourcePostedBy}`
    action-broken='resource-report-broken-link-public'
  )

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

  p 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
    id-suffix="conversations"
  )

  h2.title_lead_avenir=`${data.RelatedResources}`

  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'
  )