{% extends 'partials/base.html.twig' %}

{% block content %}
  {% include 'partials/head.html.twig' %}

  <div class="post columns large-12 medium-12 medium-offset-0 small-12 small-offset-0">
    <div class="row">
      <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
        <div class="row post_picto_container">
          <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
            <div class="post_picto">
              <a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
              <img src="{{ url('theme://images/contact.svg') }}" alt="">
              </a>
            </div>
          </div>
          <div class="columns large-12 medium-12 small-1">
            <div class="post_picto">
              <a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
              <img src="{{ url('theme://images/f.svg') }}" alt="">
              </a>
            </div>
          </div>
          <div class="columns large-12 medium-12 small-1">
            <div class="post_picto">
              <a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
              <img src="{{ url('theme://images/t.svg') }}" alt="">
              </a>
            </div>
          </div>
          <div class="columns large-12 medium-12 small-1">
            <div class="post_picto">
              <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
              <img src="{{ url('theme://images/in.svg') }}" alt="">
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1" style="margin-bottom: 2rem;">

        <div class="row">

          <div class="columns small-12">
            {{ page.content }}
          </div>

          {% if page.slug == "mediatheque" %}

            <div class="columns small-12 ss_menu">
               <hr>
              <div class="row">
               <div class="doc_b columns small-3">
                {% if lang == "fr" %}
                  <a class="selectable" data-type="film"   >Film</a>
                  {% else %}
                    <a class="selectable" data-type="film"   >Film</a>
                {% endif %}
                </div>
                <div class="doc_b columns small-3">
                {% if lang == "fr" %}
                  <a class="selectable" data-type="ouvrage"   >Ouvrage</a>
                  {% else %}
                    <a class="selectable" data-type="ouvrage"   >Ouvrage</a>
                {% endif %}
                </div>
                </div>
            </div>
          {% endif %}

        {% for post in page.children %}
          {% set source = post.header.media_thumbnail %}
      {% if source != null%}
        {% set info = "url('"~post.url~"/"~source~"')" %}
      {% else %}
        {% set info = null %}
      {% endif %}
      {% set c = "" %}
      {% if post.header.type %}
        {% set c = post.header.type|join(" ") %}
      {% endif %}
      {% if top_page.title != post.title %}
      <div   class=" columns large-4 medium-4 medium-offset-0 small-8 small-offset-2 sub-posts {{ c }} type">
        <div  class=" row ">
          <div  class="columns large-12 thumb_news thumb_sub">
            <a class="sub_grid_lk" style="background:{{ info }} rgb(  233, 77, 26);" href="{{ post.url }}">
              <div class="row">
                <div class="sub_title columns large-8 align-self-bottom">
                  <mark>{{ post.title }}</mark>
                </div>
              </div>

            </a>
          </div>
        </div>
      </div>
      {% endif %}
        {% endfor %}
        </div>

      </div>
      {% if page.slug == "mediatheque" %}
        <div class="columns small-12" style="margin-top:1rem">
          <h1 class="inter">Je participe</h1>
          <div class="columns small-10 small-offset-1 ">
            {{header.textform}}
          </div>
          
        </div>
        <div class="columns small-10 small-offset-1 contact_form">
          
          {% include "forms/form.html.twig" %}
        </div>
      {% endif %}
    </div>

  </div>

{% endblock %}