solid-widget(name='solid-display-select')
  template
    p="Search in {instance name} dababase only"
    span
      input(type="checkbox" id="searchLocalInstance" name='searchLocalInstance')
      label(for='searchLocalInstance' class='checkbox')="Yes"

solid-widget(name='cs-section_header')
  template
    h2.title_form ${label}

solid-widget(name='cs-display-resource-property')
  template
    p #[b ${label}] ${value}

solid-widget(name='cs-display-reviewer-property')
  template
    p ${await value ? `<b>${label}</b> ${await value.name}` : ``}


solid-widget(name='cs-display-resource-comment')
  template
    div ${await value ? `<h3 class="title_form">#{data.ImprovementNotice}</h3><p class="improvement_comment">${value}</p>` : ``}

solid-widget(name='cs-display-contributor-link')
  template
    p #[b ${label}]
      solid-link(
        bind-resources
        data-src="${await value}"
        next="contributor-account-view"
      ) ${await value.name}

solid-widget(name='cs-display-searcher-link')
  template
    p #[b ${label}]
      solid-link(
        bind-resources
        data-src="${await value}"
        next="searcher-account-view"
      ) ${await value.name}

solid-widget(name='cs-display-user-link')
  template
    p #[b ${label}]
      solid-link(
        bind-resources
        data-src="${await value}"
        next="user-account-view"
      ) ${await value.name}

solid-widget(name='cs-display-property')
  template
    p ${await value} 

solid-widget(name='cs-display-page-title')
  template
    h2.title_lead.fd_bleu ${value}

solid-widget(name='cs-steps-header')
  template
    div
      p #[b ${label} :] ${value} 

solid-widget(name='cs-steps-header-description')
  template
    div
      p.step-description ${value} 

solid-widget(name='cs-display-link')
  template
    p
      a(
        href="\${value}"
        name="\${name}"
        target="_blank"
      ) ${label}

solid-widget(name='cs-display-link-empty')
  template
    div ${await value ? `<p><a href="${value}" name="\${await name}" target="_blank">${label}</a></p>` :""}

solid-widget(name='cs-display-label')
  template
    p ${label}

solid-widget(name='cs-display-title')
  template
    h3.title_lead_avenir ${label}

//Do we need generalize this widget ?
solid-widget(name='cs-display-checkbox')
  template
    input(type='checkbox' name="instance_database_only")
    label(for="instance_database_only") Search in Coopedia database only

solid-widget(name='cs-resource-status')
  template
    div ${await value == 'pending' ? `<div class="button_base button_pending">#{data.PendingValidation}</div>` : (await value == 'to_improve' ? `<div class="button_base button_improvement">#{data.ImprovementRequired}</div>` : (await value == 'validated' ? `<div class="button_base button_validated">#{data.Published}</div>` : `<div class="button_base button_disputed">#{data.Refused}</div>` ) ) }

solid-widget(name='cs-validate-action')
  template
    div
      solid-link.button_base(
        data-src="\${src}"
        next="\${value}"
      ) ${label}

solid-widget(name='cs-detail-action')
  template
    div
      solid-link.detailLink(
        data-src="\${src}"
        next="\${value}"
      ) <i class="fas fa-eye"></i>
      
solid-widget(name='cs-edit-action')
  template
    div
      solid-link(
        data-src="\${src}"
        next="\${value}"
      ) <i class="fas fa-pen"></i>

solid-widget(name='cs-edit-action-improvement')
  template
    div
      solid-link(
        data-src="\${src}"
        next="\${value}"
      ) <div class="button_base ico_gauche ico_edit">#{data.EditThisResource}</div>

    
solid-widget(name='cs-delete-action')
  template
    div
      solid-link(
        data-src="\${src}"
        next="confirm_suppress"
      ) <i class="fas fa-trash-alt"></i>

solid-widget(name='cs-broken-action')
  template
    p
      solid-link(
        data-src="\${src}"
        next="\${value}"
      ) <i class="fas fa-heart-broken"></i> ${label}

solid-widget(name='cs-request-status-action')
  template
    div
      solid-link.button_base.pull-right(
        data-src="\${src}"
        next="confirm_status_change"
      ) ${label}
  
solid-widget(name='cs-section_introduction')
    template
        div
            h2.title_form ${label}
            p= `${data.AboutYouExplanation}`

solid-widget(name='cs-about-field')
    template
        div
          br
          p ${label}

solid-widget(name='cs-account-picture')
  template
    figure.avatar
        img(src="\${await value || '/images/alien.jpg'}", alt="Profile picture")

solid-widget(name='cs-profile-picture')
  template
      img(src="\${await value || '/images/alien.jpg'}", alt="Profile picture")

solid-widget(name='cs-preview-picture')
  template
      img(src="\${await value || ''}", alt="\${await value ? 'Preview of the resource' : ''}")

solid-widget(name="hidden-widget")
    template
        div(data-content style="display:none;")

solid-widget(name="fake-tabs")
    template
      h2.fake-tabs ${value}

solid-widget(name="fake-like")
    template
      p 99 <i class="fas fa-thumbs-up"></i>

solid-widget(name="fake-dislike")
    template
     p 18 <i class="fas fa-thumbs-down"></i>
    
solid-widget(name="accordion-request-resource")
    template
      div
        h2 ${value}

solid-widget(name="cs-empty-widget")
    template
      p No related resources

solid-widget(name="cs-display-twitter-button")
    template
      a.twitter-share-button(
        href=``
        data-size="large"
        target='blank'
        class='twshare'
        ) 
          i.fab.fa-twitter

solid-widget(name="cs-display-email-button")
    template
      a.email-share-button(
        href=``
        class='emshare'
        ) 
         i.far.fa-envelope

solid-widget(name="iframe-video-resource")
    template
      div ${value}

solid-widget(name="cs-display-sharing")
  template
    p #[b ${label}] ${await value.name}