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

{% block title %}Documentos — {{ site.schoolName }}{% endblock %}
{% block meta_description %}Editais, contratos, calendário escolar e listas de material do Colégio Mônaco, atualizados pela secretaria.{% endblock %}

{% block body %}
<section class="page-hero">
    <div class="wrap">
        <p class="eyebrow">Secretaria</p>
        <h1>Documentos</h1>
        <p class="lead">Editais, contratos, calendários e listas atualizados pela equipe, sem depender de HTML fixo.</p>
    </div>
</section>
<div class="wrap docs">
    <div class="doc-folders">
        {% for category, items in grouped %}
            <section class="doc-folder" id="{{ category == 'material-f1' ? 'lista-de-material' : category }}">
                <h2 class="doc-folder__name">
                    <i class="fa-solid fa-folder" aria-hidden="true"></i>
                    <span>{{ labels[category] ?? category }}</span>
                    <span class="doc-folder__count">{{ items|length }}</span>
                </h2>
                <div class="doc-folder__files">
                    {% for doc in items %}
                        {% set href = doc.publicUrl %}
                        {% if href %}
                            <a class="doc-file" href="{{ href }}" target="_blank" rel="noopener">
                        {% else %}
                            <span class="doc-file">
                        {% endif %}
                            <i class="fa-solid fa-file-pdf" aria-hidden="true"></i>
                            <span>{{ doc.displayTitle }}</span>
                        {% if href %}
                            </a>
                        {% else %}
                            </span>
                        {% endif %}
                    {% endfor %}
                </div>
            </section>
        {% else %}
            <p class="doc-folders__empty">Nenhum documento publicado ainda.</p>
        {% endfor %}
    </div>
</div>
{% endblock %}