{# Homepage section contributed through the home.section slot with:
     events : the next published events, soonest first
   Renders nothing when the list is empty (the hook already checked). #}
<section class="container section events-home">
    <h2 class="section-title">{{ _('Upcoming events') }}</h2>
    <div class="card-grid">
        {% for e in events %}
        <a class="card" href="{{ url_for('events.detail', slug=e.slug) }}">
            {% if e.image %}<img class="card__img" src="{{ e.image | safe_url }}" alt="">{% endif %}
            <span class="badge">{{ _(e.kind) }}</span>
            <h3 class="card__title">{{ e.title }}</h3>
            {% if e.summary %}<p class="card__text">{{ e.summary }}</p>{% endif %}
            {% if e.room or e.starts_at %}
            <p class="card__meta">{{ e.room }}{% if e.starts_at %} · {{ e.starts_at | datetimeformat('d MMM HH:mm') }}{% endif %}</p>
            {% endif %}
        </a>
        {% endfor %}
    </div>
    <p class="events-home__more"><a class="btn btn-primary" href="{{ url_for('events.index') }}">{{ _('See all events') }}</a></p>
</section>