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

{% block title %}{{ gallery.title }} — {{ site.schoolName }}{% endblock %}
{% block meta_description %}{{ gallery.description ?: ('Fotos: ' ~ gallery.title ~ ' — Colégio Mônaco') }}{% endblock %}

{% block body %}
<section class="page-hero">
    <div class="wrap">
        <p class="eyebrow">Infraestrutura</p>
        <h1>{{ gallery.title }}</h1>
        {% if gallery.description %}<p class="lead">{{ gallery.description }}</p>{% endif %}
    </div>
</section>
<div class="wrap">
    {% if images %}
        {% include '_photo_gallery.html.twig' with { images: images } %}
    {% elseif gallery.embedUrl %}
        {% if not driveConfigured %}
            <p class="notice">Para listar as fotos automaticamente, configure a API Key ou a conta de serviço do Workspace em <code>.env.local</code>. Enquanto isso, a pasta aparece incorporada abaixo.</p>
        {% endif %}
        <iframe class="drive-embed" title="{{ gallery.title }}" src="{{ gallery.embedUrl }}" loading="lazy"></iframe>
    {% else %}
        <p>Envie fotos em <strong>Admin → Infraestrutura</strong>.</p>
    {% endif %}
    {% include '_share.html.twig' with { title: gallery.title } %}
</div>
{% endblock %}