{% 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.description }}" width="100%"/>
            </a>
            <h5>{{ media.name }} ({{ (media.size / (1024*1024)) | number_format('2', '.', ' ')}} Mo)</h5>
        </div>
        {% endfor %}
    </div>
</section>
{% include 'home/partials/futureEvents.html.twig' %}

<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 %}

{% include 'home/partials/soutiensLogos.html.twig' %}
{% endblock %}