{% extends layout %}
{% block title %}{{ category.title }} | Stiletto.fr - magazine de mode | Page {{ page }}{% endblock %}
{% block metadescription %}{{ category.description }} | Page {{ page }}{% endblock %}


{% block body %}
    {% set featured = false %}
    {% for post in posts %}
        {% set format='' %}{% set cat_id='' %}{% for category in post.categories %}{% set format=category.format %}{% set cat_id=category.id %}{% endfor %}
        {% if format == 'portfolio' and cat_id == 15 %}
            <article class="post" id="featured">
                <header class="post-header">
                    <time class="pubdate" datetime="{{ post.publishedat|date('Y-m-d\\Th:m:sP') }}">{{ post.publishedat|datetrans }}<span class="year">{{ post.publishedat|date('Y') }}</span></time>
                </header>
                <h2 class="title post-title">{% if post.status.id != 1 %}<blink>[BROUILLON]</blink> {% endif %}
                    {% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{{ post.title }}</a>{% endif %}
                </h2>
                <div style="font-size: 70%">
                {% for media in post.medias %}
                    <div class="portfolio-item {% if loop.index is odd %}odd{%else %}even{% endif %}">
                        <div class="portfolio-title post-title"><span>{{ media.title }}</span><br>{{ media.description }}</div>
                        <div class="portfolio-image">{{ media(media, {'thumbnail':true, 'height': 100,'width' : 150})|raw }}</div>
                    </div>
                    <div class="clear"></div>
                {% endfor %}
                </div>
                <div class="post-content">
                    <p class="post-content-{{loop.index}}">{{ post.shortdescription }}</p>
                </div>
            </article>
        {% else %}
        
            <article class="post {{ post.xvalues|getxvalue('format')|default('full-size') }}" id="featured">{#<!-- ici on peut avoir half-size ou full-size -->#}
                {% for media in post.medias %}{% if loop.first %}
                <figure>
                    {% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{% endif %}
                        {% if post.xvalues|getxvalue('format')|default('full-size') == 'half-size' %}
                            {{ media(media, {'thumbnail':true, width:400})|raw }}
                        {% else %}
                            {{ media(media, {'thumbnail':true, height:500})|raw }}
                        {% endif %}
                    {% if post.categories.0 is defined %}</a>{% endif %}
                </figure>
                {% endif %}{% endfor %}
                <header class="post-header">
                    <time class="pubdate" datetime="{{ post.publishedat|date('Y-m-d\\Th:m:sP') }}">{{ post.publishedat|datetrans }}<span class="year">{{ post.publishedat|date('Y') }}</span></time>
                    <strong class="title category-title">{% for category in post.categories %}{{ category }} {% endfor %}</strong>
                    <h2 class="title post-title">{% if post.status.id != 1 %}<blink>[BROUILLON]</blink> {% endif %}{% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{% endif %}{{ post.title }}</a></h2>
                </header>
                <div class="post-content" style="clear: right">
                    {{ post.shortdescription }}
                </div>
                <footer class="post-footer">
                    {% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}" rel="nofollow">Lire la suite</a>{% endif %}
                </footer>
                <div class="clear">{#<!-- IE needs me -->#}</div>
            </article>
        {% endif %}
    {% else %}
        Pas d'articles
    {% endfor %}
                <div class="clear"></div>
<ul class="pager">
{{ pager('category', filter) }}
</ul>
<script src="{{ asset('js/jquery.infinitescroll.min.js') }}" ></script>
<script>
    pager();
</script>
{% endblock %}


{% block breadcrumb %}{% if posts.0 is defined %}
    &gt;
    <div itemtype="http://data-vocabulary.org/Breadcrumb" itemscope>
        <span itemprop="title">{{ category.title }}</span>
    </div>
{% endif %}
{% endblock %}

{% block footer %}{{ category.description }}{% endblock %}