{% extends 'partials/base.html.twig' %}
{% macro block(page) %}
    {% set color = page.header.color %}
    {% switch color %}
    {% case "blue" %}
        {% set c1 = "rgba(59,109,125,1)" %}
        {% set c2 = "rgba(59,109,125,0)" %}
    {% case "green" %}
        {% set c1 = "rgba(116,162,111,1)" %}
        {% set c2 = "rgba(116,162,111,0)" %}
    {% case "red" %}
        {% set c1 = "rgba(216,98,100,1)" %}
        {% set c2 = "rgba(216,98,100,0)" %}
    {% endswitch %}

    <div class="row">
        <div class="columns small-12 block_info ">
            <span class="tag pinky" style="background:{{c1}}" ><span>{{ page.header.taxonomy.category|first }}</span></span>
            <br>
            <mark>{{ page.title }}</mark>
            <br>
            {% if page.header.dlp != "" %}
                <span class="date" ><b>{{ page.header.dlp }}</b></span>
            {% else %}
                <span class="date" ><b>{{page.header.date|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(page.header.date|date('n') - 1)}} {{page.header.date|date('Y')}}</b>
                </span>
            {% endif %}
        </div>
    </div>

    


	<div class="row">
    	<div class="columns medium-5 medium-offset-1 small-4 ">
    		<img src="{{page.url}}/{{ page.header.media_thumbnail }}" alt="">
    	</div>
    	<div class="columns medium-6  small-8 extract">
    			{{ page.content|striptags|safe_truncate(200,true) }}
            <br><br>
    		<a style="float:right" href="{{page.url}}">
	    		<div class="button hollow">
	    			voir la suite
	    		</div>
    		</a>
    	</div>  		
    </div>
{% endmacro %}

{% macro past(cat, pz) %}
	<div class="columns small-10 small-offset-1 medium-2 oldevents" >
        
    	{%  set sessions = pz.collection({'items':{'@taxonomy':{'category': cat}}, 'limit': 5 ,'order': {'by': 'default', 'dir': 'asc'}}) %}
    	<h4 class="pinky">Archive</h4>
    	{% for s in sessions %}
    		<div class="pastevent">
    			<mark>{{ s.title }}</mark><br/>
    			<b>{{ s.header.dlp }}</b>
    		</div>
    	{% endfor %}
        {% if pz != null %}
    	<a href="{{pz.url}}/cat:{{ cat }}">
	    	<div class="button hollow">
	    		voir tout
	    	</div>
    	</a>
        {% endif %}
    </div>
{% endmacro %}

{% block content %}
    <div class="columns small-12 intertitre">
        <div class="row ">
            <div class="columns small-8 small-offset-2">
                <h3>{{ page.title }}</h3>
            </div>
        </div>
    </div>
	<div class="columns small-12 intro">
        <div class="row">
            <div class="columns small-8 small-offset-2">
                {{ page.content }}
            </div>
   	    </div>
   	</div>
    {% for m in header.modules %}
    	 {% include 'partials/modules.html.twig' with {'module':m } %}
    {% endfor %}
    <div id="sessions" class="columns small-12 intertitre">
        <div class="row ">
            <div class="columns medium-8 medium-offset-2 small-10 small-offset-1">
                <h3>Sessions Annuelles</h3>
            </div>
        </div>
    	
    </div>
    <div class="row ">       
    	
        <div class="columns medium-7 medium-offset-2 small-10 small-offset-1">       
        
            {%  set c = page.find("\/actualites").collection({'items':{'@taxonomy':{'category': 'session'}},'order': {'by': 'default', 'dir': 'asc'}}).first() %}
        
            {{ _self.block(c) }}


        
        </div> 
        {%  set p = page.find("\/actualites") %}

        {{ _self.past('session', p) }}  

    </div>
    

    
    
    <div class="columns medium-6 medium-offset-3 small-10 small-offset-1 module">
    	<p>{{ header.sessions.description }}</p>
    </div>

    <div id="evenements" class="columns small-12 intertitre">
        <div class="row ">
            <div class="columns medium-8 medium-offset-2 small-10 small-offset-1">
                <h3>évenements</h3>
            </div>
        </div>
    </div>
     <div class="row ">       
        
        <div class="columns medium-7 medium-offset-2 small-10 small-offset-1"> 
    	{% for n in page.header.events.next %}
    		{% set a = page.find(n) %}
    		{{ _self.block(a) }}
    	{% endfor %}
        </div>
        {{ _self.past('colloque', p) }}

    </div>

    <div class="columns medium-6 medium-offset-3 small-10 small-offset-1 module">
        <p>{{ header.events.description }}</p>
    </div>



{% endblock %}