{% extends layout %}
{% block title %}Stiletto.fr - magazine de mode : Coups de foudre, coups de coeur, coups de tête{% if page is defined and page != 1 %} | Page {{ page }}{% endif %}{% endblock %}

{% block breadcrumb %}
    >
    <div itemtype="http://data-vocabulary.org/Breadcrumb" itemscope>
        <span itemprop="title">Accueil</span>
    </div>
{% endblock %}

{% block body %}
     {% for post in posts %}
        {% if loop.index == 1 %}
        {% endif %}
        {% if loop.index != 1 %}
            <article class="post loadmore" id="featured">
                <h2 class="title post-title">
                   {#<a href="{{ path('permalink', {'categorySlug':'header' , 'postSlug':  post.accrocheTitle|replace({ (' '): '-' })|lower }) }}">{{ post.accrocheTitle }}</a>#}
                   <a style="float:left;border-right: 1px solid;margin-right:0.2em;padding-right:0.2em;" href="{{ path('header_permalink', {'id': post.id }) }}">{{ post.accrocheTitle }}</a>
                   <time style="margin:0;font-size:1em;text-align:left;float:left;font-family: 'FrutigerNextW01-LightCn';" class="pubdate" datetime="{{ post.publishedFrom|date('Y-m-d\\Th:m:sP') }}">
                   {{ post.publishedFrom|datetrans }}<span class="year">{{ post.publishedFrom|date('Y') }}</span></time>
                </h2>
                <div style="text-align:center;margin-top:30px;">
                    <img src="{{ asset('/uploads/banners/'~post.path) }}">
                </div>
                <footer class="post-footer">
                    <div>{{ post.copyright }}</div><br>
                    <a href="{{ path('header_permalink', {'id': post.id }) }}">Lire la suite</a>
                </footer>
            </article>
        {% endif %}
        {% if loop.last == 1 %}
        {% endif %}
    {% else %}
        Pas d'articles
    {% endfor %}
<ul class="pager">
{{ pager('header_list', filter) }}
</ul>
<script src="{{ asset('js/jquery.infinitescroll.min.js') }}" ></script>
<script>
$('#primary').infinitescroll({
    loading: {
        finishedMsg: "Il n'y a plus d'article à charger",
        img: "/images/loading.gif",
        msgText: "Chargement en cours..."
    },
    debug        : false,
    pathParse    : false,
    animate      : false,
    bufferPx     : 1000,
    navSelector  : '.pager',            
    nextSelector : '.pager .next-off a',    
    itemSelector : '.loadmore'    
});
</script>
{% endblock %}