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-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-related-property')
  template
    p ${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-status')
  template
    div ${value ? ( value == 'to_improve' ? `Improvement required` : `Refused` ) : `Pending validation`}


sib-widget(name='cs-action')
  template
    div
      sib-link(
        data-src="\${src}"
        next="\${value}"
      ) ${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="Coopstarter")

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