widgets.pug

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-resource-comment')
  template
    div ${await value ? `<h3 class="title_form">Improvement suggestion</h3><p class="improvement_comment">${value}</p>` : ``}

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

solid-widget(name='cs-display-entrepreneur-link')
  template
    p #[b ${label}]
      solid-link(
        bind-resources
        data-src="${await value}"
        next="entrepreneur-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-resources-multiple')
  template
    div.resource_resume_header
      p ${await value.name}
    p ${await value.publication_year}
    p ${await value.description}

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

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

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 Coopstarter database only

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

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

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

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

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

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

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

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-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-form-file-custom")
    template
      label(for="preview_image")
        solid-form-file(upload-url=`${sdn}upload/` name="preview_image" )

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

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 == 'https://api-staging.coopstarter.happy-dev.fr/sharingcriterias/3/' ? `public` : (await value == 'https://api-staging.coopstarter.happy-dev.fr/sharingcriterias/1/' ? `Private` : `Organisation` ) }