widgets.pug

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-property')
  template
    p ${value} 

sib-widget(name='cs-steps-resources-multiple')
  template
    div.resource_resume_header
      p ${value.name}
    p ${value.publication_year}
    p ${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}

sib-widget(name='cs-display-checkbox')
  template
    label(for="instance_database_only") Search in Coopstarter database only
    input(type='checkbox')

sib-widget(name='cs-display-related-property')
  template
    p #[a(href="${value.name}")] ${value.name}

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

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

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

sib-widget(name='cs-resource-reviewer')
  template
    p <b>Resource validated by: </b> ${value}

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(
        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-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}