{% extends 'base.html.twig' %}

{% block title 'Adeline Millet | Actualités' %}

{% block body %}
    <main>
        <!-- Actualités -->
        <div class="actualites detail">
            <div class="grid-x grid-margin-x">
                <div class="cell large-10 large-offset-1">
                    <div class="subtitle">
                        <div class="trait"></div>
                        <h3>Actualités</h3>
                    </div>
                    <h1 class="title">
                        À vous<br>
                        d'explorer
                    </h1>
                    <div class="text">
                    </div>
                </div>
                <div class="grid-x grid-margin-x">
                    <div class="cell large-1"></div>
                    {% for actuality in actualities %}
                        <div class="cell large-5 actu">
                            <a href="{{ path('actuality.show', {slug: actuality.slug, id: actuality.id}) }}">
                                {% for picture in actuality.pictures %}
                                    <img src="{{ vich_uploader_asset(picture, 'imageFile') | imagine_filter('thumb') }}" alt="{{ actuality.title }}">
                                {% endfor %}
                                <div class="text">
                                    <span class="categorie">{{ actuality.category.name }}</span>
                                    <h2 class="title">
                                        {{ actuality.title }}
                                    </h2>
                                    <p>
                                        {{ actuality.subtitle }}
                                    </p>
                                </div>
                            </a>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </main>
{% endblock %}