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

{% block title %}Eventos — {{ site.schoolName }}{% endblock %}
{% block meta_description %}Agenda e eventos do Colégio Mônaco em Votorantim: apresentações, festivais, concertos e vida escolar.{% endblock %}

{% block body %}
<section class="page-hero">
    <div class="wrap">
        <h1>Eventos</h1>
        <p class="lead">Acontece no Colégio Mônaco.</p>
    </div>
</section>
<div class="wrap events">
    {% for item in news %}
        <article class="card">
            {% include '_news_cover.html.twig' with { item: item, driveCovers: driveCovers|default({}) } %}
            <div class="card__body">
                <time datetime="{{ item.occurredAt|date('Y-m-d') }}">{{ item.occurredAt|date('d/m/Y') }}</time>
                <h2><a href="{{ path('app_news_show', {slug: item.slug}) }}">{{ item.title }}</a></h2>
                {% if item.excerpt %}<p>{{ item.excerpt }}</p>{% endif %}
                {% if item.folderUrl %}
                    <a class="event-download" href="{{ item.folderUrl }}" target="_blank" rel="noopener">
                        <i class="fa-solid fa-download" aria-hidden="true"></i> Baixar fotos
                    </a>
                {% elseif item.image %}
                    <a class="event-download" href="{{ media_url('uploads/images/' ~ item.image) }}" download>
                        <i class="fa-solid fa-download" aria-hidden="true"></i> Baixar foto
                    </a>
                {% endif %}
            </div>
        </article>
    {% else %}
        <p>Nenhum evento publicado.</p>
    {% endfor %}
</div>
{% endblock %}