<script type='application/ld+json'>
{
  "@type": "Articles",
  "name": "article",
  "url": "{{uri.base}}",
  "description": "{{page.header.metadata.description}}",
  "startDate": "{{page.header.date_begin}}",
  "endDate": "{{page.header.date_end}}",
  "location": {
    "@type": "Place",
    "name": "{{page.title}}",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Place Michel Paulus,Ecosite du Val de Drôme",
      "addressLocality": "Eurre",
      "addressRegion": "Val de Drôme",
      "postalCode": "26400",
      "addressCountry": "France"
    }
  }
}
</script>

{% set image = page.media.images|first %}
<section class="item-wrapper">
  <section class="header-wrapper">
    <div class="title-wrapper">
      <div class="back">
        <a href="{{page.parent.url}}">Retour</a>
      </div>
      <div class="title">
        <h1>{{page.title}}</h1>
      </div>
    </div>
    <div class="info-wrapper">
      <div class="date">
        Publié {% include 'partials/blog/date.html.twig' %} |
        {% if page.taxonomy.category %}
          {% for category in page.taxonomy.category %}
            <span class="cat">
              {{ category }}
            </span>
          {% endfor %}
        {% endif %}
      </div>
      <div class="reso">
        <!-- Your share button code -->
        <div>
          <a href="//www.facebook.com/sharer/sharer.php?u={{uri.route(true, true)}}" class="sharebox" target="_blank" rel =" noopener " onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;">
            Partager
            <img src="/user/themes/lecampus/images/fb_black.svg" alt="facebook">
          </a>
        </div>
        <a target="_blank" rel =" noopener " title="Twitter" href="https://twitter.com/share?url={{uri.route(true, true)}}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;">
          Partager
          <img src="/user/themes/lecampus/images/twitter.svg" alt="Twitter">
        </a>
        <a target="_blank" rel =" noopener " href=" http://www.linkedin.com/shareArticle?mini=true&url={{uri.route(true, true)}}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;">
          Partager
          <img src="/user/themes/lecampus/images/in_black.svg" alt="linkedin" />
        </a>
      </div>
    </div>
  </section>

  <section class="body-wrapper">
    <div class="card-image">
      {% for images in page.media.images|slice(0, 1) %}
      {{images.html('', page.title )}}
      {% endfor %}
    </div>
    <div class="card-content">
      <div class="txt">
        {{ page.content|raw }}
      </div>
    </div>
  </section>
  </section>
