{% set documents = entry.publicDocuments.all() %}
<section class="download-cards">
    <div class="container">
        {% if entry.textTitle %}
            <h2 class="article-content__title">{{ entry.textTitle }}</h2>
        {% endif %}
        {% if documents|length > 1 %}
            <div class="download-cards__grid">
                {% for document in documents %}
                    <div class="download-cards__card">
                        {% if document.faIcon %}
                            <div class="download-cards__card-icon">
                                <i class="fa-solid fa-{{ document.faIcon }} download__icon-fa"></i>
                            </div>
                        {% endif %}
                        <h3 class="download-cards__card-title">{{ document.title }}</h3>
                        <div class="download-cards__card-text">
                            {{ document.description|nl2br }}
                        </div>
                        <a href="{{ document.url }}" class="btn btn--primary download-cards__card-btn">
                            {{ 'link.download'|t }}
                        </a>
                    </div>
                {% endfor %}
            </div>
        {% else %}
            <div class="download-cards__featured">
                {% if documents[0].faIcon %}
                    <div class="download-cards__featured-icon">
                        <i class="fa-solid fa-{{ documents[0].faIcon }} download__icon-fa"></i>
                    </div>
                {% endif %}
                <h3 class="download-cards__featured-title">{{ documents[0].title }}</h3>
                <div class="download-cards__featured-text">
                    {{ documents[0].description|nl2br }}
                </div>
                <a href="{{ documents[0].url }}" class="btn btn--primary download-cards__featured-btn" target="_blank">
                    {{ 'link.download'|t }}
                </a>
            </div>
        {% endif %}
    </div>
</section>