tournonsLaPage/themes/plain/templates/partials/footer_coa.html.twig

<div class="coalition_footer row">
<div class="columns large-12 medium-12 small-12">

{% if lang == "fr" %}
  <h1 class="inter">Les Coalitions</h1>
{% else %}
  <h1 class="inter">The coalitions</h1>
{% endif %}
</div>
<div class="columns large-12 bcklines" style="position:relative;">
  <div class="europe seemore"><a href=" https://tournonslapage.org/fr/coalitions/tlp-europe ">Europe</a></div>
  <div class="row">

    <div class="columns large-6 medium-6 small-12 coa_info">
      {% set pc = page.find('/coalitions') %}
        {% set coa = 0 %}
        {% set orga = 0 %}
        {% set danger = 0 %}
      {% for pays in pc.children %}
        {% set coa = coa + 1 %}
        {% set orga = orga + pays.header.info.nb|number_format %}
        {% for item in pays.header.member %}
          {% set danger = danger + 1 %}
          
        {% endfor %}
      {% endfor %}
      <div class="row coa_intro">
        <div class="columns large-8 large-offset-1 medium-8 medium-offset-1">
         {#  {{ pc.header.presentation}} #}
          <div class="row" style="text-align:center;">
            <div class="columns small-12 medium-10 medium-offset-1">
              <h4>{{coa}}</h4>
              {{t('COALITION')|e}}
               <hr>
            </div>

            <div class="columns small-12 medium-10 medium-offset-1">
              <h4>{{orga}}</h4>
              {{t('ORGA')|e}}
              <hr>
            </div>
            <div class="columns small-12 medium-10 medium-offset-1">

              <h4>{{danger}}</h4>
              {{t('MEMBER')|e}}
              <hr>
            </div>
          </div>
        </div>
      </div>
      {% for p in pc.children if p != page and p.slug != "tlp-europe" %}
        <div class="row {{p.slug}} country" data-country="{{p.slug}}">
          {# <a href="{{p.url}}"> #}
          <div class="columns large-11 large-offset-1 medium-11 medium-offset-1">
            <h2>{{ p.title }}</h2>
            <p>
               {% if lang == "fr" %}
              Crée en <b>{{ p.header.info.date }}</b><br/>
              &#8213;&nbsp;<b>{{ p.header.info.nb }}</b> organisations<br/>
              <u>Organisation coordinatrice</u>&nbsp;:<br/>
              <b>{{ p.header.info.orga }}</b>
              {% else %}
              Created in <b>{{ p.header.info.date }}</b><br/>
              &#8213;&nbsp;<b>{{ p.header.info.nb }}</b> organisations<br/>
              <u>Coordinating organization</u>&nbsp;:<br/>
              <b>{{ p.header.info.orga }}</b>
              {% endif %}
              
            </p>
          </div>
          <div class="columns large-12 medium-12 seemore_container">

          {% if lang == "fr" %}
          <a class="seemore" href="{{p.url}}">En savoir plus </a>
          {% else %}
          <a class="seemore" href="{{p.url}}"> Learn more </a>
          {% endif %}         
            
          </div>
          {# </a> #}
        </div>

      {% endfor %}


      {# fix bug #}

      <div class="row country active_land unknow" data-country="unknow">
          <a href="">
          <div class="columns large-11 large-offset-1 medium-11 medium-offset-1">
           
          </div>
          <div class="columns large-12 medium-12 seemore_container">

                  
            
          </div>
          </a>
        </div>

    </div>
    <div class="columns large-6 medium-6 small-12 map">
      {% include 'partials/map.html.twig' %}
    </div>
    <script>
      var url = $(location).attr('href'),
          parts = url.split("/"),
          last_part = parts[parts.length-1];

      $("#"+last_part).addClass("current_coa");
    </script>
  </div>
</div>
</div>