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

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

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

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

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

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

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

sib-widget(name='cs-steps-resources-multiple')
  template
    div.resource_resume_header
      p ${await value.name}
    p ${await value.publication_year}
    p ${await value.description}

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

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

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

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

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

sib-widget(name='cs-display-mentor-database-related')
  template
    p 
      sib-link(
        bind-resources
        data-src="${await value}"
        next="mentor-database-resource-detail"
      ) ${await value.name}

sib-widget(name='cs-display-mentor-related')
  template
    p 
      sib-link(
        bind-resources
        data-src="${await value}"
        next="mentor-resource-detail"
      ) ${await value.name}

sib-widget(name='cs-display-public-related')
  template
    p 
      sib-link(
        bind-resources
        data-src="${await value}"
        next="public-resource-detail"
      ) ${await value.name}

sib-widget(name='cs-display-entrepreneur-related')
  template
    p 
      sib-link(
        bind-resources
        data-src="${await value}"
        next="entrepreneur-resource-detail"
      ) ${await value.name}

sib-widget(name='cs-display-multiple-property')
  template
    p #[b ${label}] ${await value.name} 

sib-widget(name='cs-display-step-property')
  template
    p #[b ${label} ${await value.order}:] ${await value.name} 

sib-widget(name='cs-resource-format-name')
    template
        div
            p ${await value.name}

sib-widget(name='cs-resource-status')
  template
    div.button_base.button_pending ${value == 'pending' ? `Pending validation` : ( value == 'to_improve' ? `Improvement required` : ( value == 'validated' ? `Validated` : `Refused` ) ) }

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

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

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

sib-widget(name='cs-request-status-action')
  template
    div
      sib-link.button_base.pull-right(
        data-src="\${src}"
        next="confirm_status_change"
      ) ${label}
  
sib-widget(name='cs-section_introduction')
    template
        div
            h2.title_form ${label}
            p Informations will appear on your profile to inform entrepreneurs about your skills and activities. We will also use those information to address specific resources for validation.

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

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

sib-widget(name='cs-preview-picture')
  template
      img(name="${name}", src="\${value || '/images/alien.jpg'}", alt="Preview of the resource")

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

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

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

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

sib-widget(name="cs-form-file-custom")
    template
      label(for="preview_image")
        sib-form-file(upload-url=`${sdn}upload/` name="preview_image" )

sib-widget(name="cs-form-profile-picture")
    template
      label(for="account.picture")
        sib-form-file(upload-url=`${sdn}upload/` name="account.picture")

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

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

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