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

{% block title %}{% endblock %}

{% block body %}
    <main role="main">
        <section class="actualities-page">
            <div class="container">
                <div class="title green">
                    <div class="picto">
                        <img src="{{ asset('images/icons/facebook-contour-blanc.svg') }}" alt="Logo Facebook blanc">
                    </div>
                    <h2>Notre actualité</h2>
                </div>

                <div class="row actualities-page__list">
                    {% for actuality in actualities %}
                        <div class="col-6">
                            <div class="actualities-page__list__actuality">
                                {% if actuality.filename %}
                                    <img src="{{ vich_uploader_asset(actuality, 'imageFile') }}" alt="{{ actuality.title }}">
                                {% endif %}
                                <div class="actualities-page__list__actuality__content-text">
                                    {% for category in actuality.categories %}
                                        <div class="tag {% if loop.index is odd %}t1{% else %}t2{% endif %}">
                                            <span>{{ category.name }}</span>
                                        </div>
                                    {% endfor %}

                                    <h3>
                                        {{ actuality.title }}
                                    </h3>
                                    <p>
                                        {{ actuality.content|nl2br }}
                                    </p>
                                    <!-- <a href="" class="btn btn-purple">En savoir plus</a> -->
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </section>
    </main>
{% endblock %}