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


{% block content %}
{% include 'partials/head.html.twig' %}
{# <div class="columns medium-12 medium-offset-0 small-11 small-offset-1 ss_menu">
  <div class="row">
    {% for module in page.header.sections %}
      <div class="">
        <a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
      </div>
    {% endfor %}
  </div>

</div> #}

<div class="columns large-3 medium-3 medium-offset-0 small-10 small-offset-1 side_container">
  <div class="row">
      {% for module in page.header.sections %}
      <div class="columns small-12 ss_menu">
        <a href="#{{module.title|hyphenize}}" >{{module.title}}</a>
      </div>
      {% endfor %}

      <div class="columns small-12 extra_content">
       {% if lang == "fr" %}
       <h4>Consultez aussi</h4>
      {% else %}
       <h4>Consult Also</h4>
      {% endif %}
      </div>
      
      <div class="columns small-12 extra_content">
      {% if lang == "fr" %}
        <a href="{{page.find('/home/lappel').url}}" >L'appel</a>
        {% else %}
        <a href="{{page.find('/home/lappel').url}}" >Our plea</a>
      {% endif %}
        
      </div>
      
      
      <div class="columns small-12 extra_content">
      {% if lang == "fr" %}
        <a href="{{page.find('/home/5-questions').url}}" >5 questions pour comprendre la mobilisation</a>
      {% else %}
       <a href="{{page.find('/home/5-questions').url}}" >5 questions to understand mobilisation</a>
      {% endif %}
      </div>
    {#   <div class="columns small-12 extra_content">
      {% if lang == "fr" %}
        <a href="{{page.find('/membres-en-danger').url}}" >Nos membres en danger</a>
        {% else %}
        <a href="{{page.find('/membres-en-danger').url}}" >Our members in danger</a>
      {% endif %}
      </div> #}
     {#  <div class="columns small-12 extra_content">
      {% if lang == "fr" %}
        <a href="{{page.find('/podium').url}}" >Podiums des dictateurs au pouvoir</a>
        {% else %}
        <a href="{{page.find('/podium').url}}" >Dictators podium</a>
      {% endif %}
      </div> #}
  </div>
  {% include 'partials/sidebar.html.twig' %}
</div>

  <div class="post columns large-9 medium-9 small-12">
    <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={{uri.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={{uri.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={{ uri.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={{ uri.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">
        {% for module in page.header.sections %}
        <div class="row modules">
          <div class="columns small-12 ">
            <h3 class="inter" id="{{module.title|hyphenize}}">{{module.title}}</h3>
            <p>{{ module.text}}</p>
          </div>
        </div>
        {% endfor %}
      </div>
    </div>
  </div>

<script>
  
  $("table img").each(function(){
    $(this).attr("src", window.location.href+"/"+$(this).attr("src"))
  });

</script>

{% endblock %}