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

{% block title %}Ensemble pour demain !{% endblock %}

{% block body %}
<section class="medias-section">
    <h3>{{ category }}</h3>
    <div class="medias">
        {% for media in medias %}
        <div class="media">
            <a href="{{ vich_uploader_asset(media, 'media')}}">
                <img src="{{ vich_uploader_asset(media, 'media') }}" alt="{{ media.name }}" width="100%"/>
            </a>
            <h5>{{ media.name }}</h5>
        </div>
        {% endfor %}
    </div>
</section>
{% if events is not empty %}
<section class="agenda">
    <h3>Nos rendez-vous</h3>
    {% for event in events %}
    <article class="agenda-content agenda-{{ loop.index }}">
        <h4>{{ event.title }}</h4>
        {{ event.content | raw }}
        <p>{{ event.startAt is empty ? "À venir" : event.startAt | date('d/m/Y - H\\hi') }}{% if event.endat is not null %} > {{ event.endAt | date('H\\hi') }}{% endif %}{% if event.location is not null %} – {{ event.location }}{% endif %}</p>
    </article>
    {% endfor %}
</section>
{% endif %}

<section class="contact">
    <h3>Gardons le contact !</h3>
    <ul>
        <li>Nous retrouver <a href="https://www.facebook.com/profile.php?id=61587417098242" target="_blank">sur Facebook</a></li>
        <li>Nous retrouver <a href="https://www.instagram.com/ensemble.pour.demain.miramas/" target="_blank">sur Instagram</a></li>
        <li>Nous contacter <a href="mailto:ensemblepourdemainmiramas@gmail.com">par courriel</a></li>
    </ul>
</section>
{% endblock %}

{% block footer %}

    <section class="soutiens">
        <h5>liste soutenue par</h5>
        <div class="soutiens-grid">
        {% for logo in logos %}
            <div class="soutien-item soutien-{{ loop.index }}">
                <img src="{{ vich_uploader_asset(logo, 'media') }}" alt="{{ logo.name }}" width="100%"/>
            </div>
        {% endfor %}
        </div>
    </section>
{% endblock %}