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

{% block title 'TPLG - Actualité' %}

{% block body %}
    <main>
        <!-- TPLG -->
        <div class="realisations">
            <div class="container">
                <div class="texte">
                    <h4 class="subtitle">Toutes les news</h4>
                    <h2>
                        {% trans %}Nos actualités{% endtrans %}
                    </h2>
                </div>
                <div class="row justify-content-between">
                    {% for actuality in actualities %}
                    <div class="col-md-5 realisation">
                        <a href="{{ path('actuality.show', {slug: actuality.slug, id: actuality.id}) }}">
                            <div class="img">
                                <div class="logo-tplg">
                                    <img src="{{ asset('images/idv-TPLG.svg') }}" alt="Logo TPLG - Tout Pour Le Grain">
                                </div>
                                {% for picture in actuality.pictures %}
                                    <img src="{{ vich_uploader_asset(picture, 'imageFile') }}" alt="{{ actuality.name }}">
                                {% endfor %}
                            </div>
                            <div class="texte">
                                <span class="category">
                                    {{ actuality.categories.name }}
                                </span>
                                <h3>{{ actuality.name }}</h3>
                            </div>
                        </a>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </main>
{% endblock %}