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

{% block metadesc %}
    Découvrez les évènements organisés par Cinem'Aude ! Cinem'Aude, les cinémas prés
    de chez vous !
{% endblock %}

{% block title %}
    Les évènements à venir
{% endblock %}

{% block body %}

    <div class="pagecontent">

        <div class="pagetitle ptsalle">

            <h1>Les évènements à venir</h1>

        </div>
        
        <div class="d-flex w-100 justify-content-lg-between justify-content-center flex-wrap">

        {% for event in events %}

            <div class="bigactusbloc">

                    <div
                            class="miniature"
                            style="background-image:url({{ vich_uploader_asset(event, 'uploadedImage') }});">

                    </div>

                    <div class="actusinfos">

                <span class="material-icons">
                    category
                </span>
                        Évènement

                        <span class="material-icons">
                    person
                </span>
                        {{ event.author.fullName }}

                    </div>
<a href="{{ path('article', {slug: event.slug}) }}" class="spelink">
                    <div class="actustitle"> <h3> {{ event.title|u.truncate(30, '...') }}</h3></div></a>

                    <div class="actuscontent">{{ event.description|u.truncate(200, '...')|raw }}
                        <a href="{{ path('article', {slug: event.slug}) }}">Lire la suite</a>
                    </div>

                </div>

        {% endfor %}

</div>
    </div>

{% endblock %}