{% extends "@Contao/content_element/_base.html.twig" %}
{% block content %}
    {% if hide == false %}
        {% use "@Contao/component/_figure.html.twig" %}
        <div class="ce_unic_tree first last block cssID" {% if style is defined %}style="{{ style }}"{% endif %}>
            {% if headline_value %}
                <{{ headline_unit }}>{{ headline_value }}></{{ headline_unit }}>
            {% endif %}

            {% if title %}
                <h2>{{ title }}</h2>
            {% endif %}

            {% for group in items %}
                {% if group.label is defined %}
                    <h3>{{ group.label }}</h3>
                {% endif %}

                {% if group.folders is defined and group.folders|length > 0 %}
                    <div class="unic_items unic_folders">
                        {% for item in group.folders %}
                            <div class="unic_item">
                                {% with {figure: item.figure} %}{{ block('figure_component') }}{% endwith %}
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}

                {% if group.images is defined and group.images|length > 0 %}
                    <div class="unic_items unic_images">
                        {%  for item in group.images %}
                            <div class="unic_item">
                                {% with {figure: item.figure} %}{{ block('figure_component') }}{% endwith %}
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}
                {% if group.pdfs is defined and group.pdfs|length > 0 %}
                    <div class="unic_items unic_pdfs">
                        {% for item in group.pdfs %}
                            <div class="unic_item">
                                {% with {figure: item.figure} %}{{ block('figure_component') }}{% endwith %}
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}

                {% if group.videos is defined %}
                    <div class="unic_items unic_videos">
                        {% for item in group.videos %}
                            <div class="unic_item">
                                {% with {figure: item.figure} %}{{ block('figure_component') }}{% endwith %}
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}
            {% endfor %}

            {% if back %}
                <p class="back"><a href="{{ back }}" title="{{ backTitle }}">{{ backTitle }}</a></p>
            {% endif %}
        </div>
    {% endif %}
{% endblock %}