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

{% block title %}Galerias — {{ site.schoolName }}{% endblock %}
{% block meta_description %}Fotos da infraestrutura e do dia a dia do Colégio Mônaco em Votorantim.{% endblock %}

{% block body %}
<section class="page-hero">
    <div class="wrap">
        <p class="eyebrow">Fotos da escola</p>
        <h1>Galerias</h1>
        <p class="lead">Veja as fotos enviadas pela secretaria. Também é possível ligar uma pasta do Google Drive do Workspace.</p>
    </div>
</section>
<div class="wrap card-grid">
    {% for gallery in galleries %}
        <a class="card" href="{{ path('app_gallery', {slug: gallery.slug}) }}">
            {% set coverPath = gallery.coverImage
                ? 'uploads/images/' ~ gallery.coverImage
                : (gallery.images|length ? 'uploads/galleries/' ~ gallery.images.first.filename : null) %}
            {% if coverPath %}
                {% include '_picture.html.twig' with { src: coverPath, alt: gallery.title, lazy: true } %}
            {% endif %}
            <div class="card__body">
                <h2>{{ gallery.title }}</h2>
                <p>{{ gallery.description }}</p>
            </div>
        </a>
    {% else %}
        <p>Nenhuma galeria publicada. Cadastre fotos em /admin.</p>
    {% endfor %}
</div>
{% endblock %}