{% set featured = false %}

{% set loop = 0 %}
{% for post in posts %}
    {% set _loop = loop.index %}
    {% if loop.index == 1 %}
    <div class="category-trio edito">
        <h2 class="title-category-trio"><img src="/img/timeline_left.png"> {% for category in post.categories %}<a href="{{ path('category', {'categorySlug':category.slug}) }}">{{ category }}</a>{% endfor %} <img src="/img/timeline_right.png"></h2>
    {% endif %}


            <article class="post" id="main">
                <header class="post-header" style="margin-bottom:20px;">
                    <time class="pubdate" datetime="{{ post.publishedat|date('Y-m-d\\Th:m:sP') }}">{% if post.status.id != 1 %}<blink>BROUILLON</blink>{% else %}{{ post.publishedat|datetrans }} <span class="year">{{ post.publishedat|date('Y') }}</span>{% endif %}</time>
                    <h2 class="title post-title" style="text-align:center;font-size: 300%">{% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{% else %}<a href="#" rel="nofollow">{% endif %}{{ post.title }}</a></h2>
                </header>
                {% for media in post.medias %}{% if loop.index == 1 %}
                    <div style="text-align:center">
                    {% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}" rel="nofollow">{% else %}<a href="#" rel="nofollow">{% endif %}
                    {{ media(media, {'thumbnail':true, 'width' : 800})|raw }}
                    </a>
                    </div>
                {% endif %}{% endfor %}
                <div class="post-content">
                        {{ post.shortdescription|decode_entities|autolink|truncate(2000) }}{% autoescape %}{% endautoescape %}
                        {% if post.categories.0 is defined %}<a style="color:#b6192b;display:block; text-align:right;" href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{% else %}<a href="#">{% endif %}Lire la suite .../...</a>
                </div>
            </article>



    {% if loop.last == 1 %}
    </div>
    <div class="clear"></div>
    <p style="text-align:center;margin-top:0px;font-size:150%;text-transform:uppercase;"><a href="{{ path('category', {'categorySlug':post.categories.0.slug}) }}">Voir tous les posts</a></p>
    {% endif %}
{% endfor %}