{% extends "@Contao/content_element/_base.html.twig" %}
{% use "@Contao/component/_figure.html.twig" %}

{% block content %}
    <div class="ce_mokama first last block">
        {% if name %}
            <h2>{{ name }}</h2>
        {% endif %}

        {% if items.files or items.pdfs %}
            {% if items.files is defined %}
                <div class="files">
                    {% for item in items.files %}
                        {% with {figure: item} %}{{ block('figure_component') }}{% endwith %}
                    {% endfor %}
                </div>
            {% endif %}

            {% if items.pdfs %}
                <h3>PDF</h3>
                <div class="pdfs">
                    {% for item in items.pdfs %}
                        {% with {figure: item} %}{{ block('figure_component') }}{% endwith %}
                    {% endfor %}
                </div>
            {% endif %}
        {% else %}
            <p class="empty">{{ no_files }}</p>
        {% endif %}
    </div>
{% endblock %}