{% extends layout %}
{% block title %}{{ filterfields.search }} Recherche | Page {{ page }} | Stiletto.fr - magazine de mode{% endblock %}

{% block body %}
<div id="mainsearch">
    <form method="post" action="{{ path('search') }}" id="mainsearchform">
        <input type="search" name="filterfields[search]" value="{{ filterfields.search }}" class="form" />
        <input type="submit" value="OK" class="submit" />
    </form>
</div>
<h2 class="title page-title">{{numberposts}} résultats de recherche</h2>
{% for post in posts %}
<article class="post loadmore">
    <div style="float:left;width:400px;text-align:center;height: 200px;">
        {% for media in post.medias %}
        <figure>
            {{ media(media, {'thumbnail':true, 'height': 160})|raw }}
        </figure>
        {% endfor %}
    </div>
    <header class="post-header">
    <time class="pubdate" datetime="{{ post.publishedat|date('Y-m-d\\Th:m:sP') }}">{{ post.publishedat|date('d F') }}<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"><a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{{post.title}}</a></h2>
    </header>
    <div class="post-content">
        <p>{{post.shortdescription|truncate(200)}}</p>
    </div>
    <footer class="post-footer">
        <a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}" rel="nofollow">Lire la suite</a>
    </footer>
</article>
{% else %}
Aucun article ne correspond à la recherche.
{% endfor %}
<ul class="pager">
{{ pager('search', 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 %}

{% block footer %}{% endblock %}