{% extends '@Contao/block_unsearchable' %}

{% block content %}
    {% import "@ContaoCore/Image/Studio/_macros.html.twig" as studio %}

    <ul>
        {% for file in files %}
            <li class="download-element ext-{{ file.extension }}{{ file.opened == 0 ? ' new' : '' }}">
                {% if file.previews is defined %}
                    {% for preview in file.previews %}
                        {{- studio.figure(preview, { attr: { class: ('image_container') }}) -}}
                    {% endfor %}
                {% endif %}
                <a href="{{ file.href }}" title="{{ file.title }}" type="{{ file.mime }}">
                    <span class="file-info">
                        <span class="file-name">{{ file.link ?: file.name }}</span>
                        <span class="file-meta">
                            <span class="file-date">{{ file.mtime|date("d.m.Y") }}</span>
                            <span class="file-size">({{ file.filesize }})</span>
                            {% if file.opened == 0 %}
                                <span class="badge badge-new">New</span>
                            {% else %}
                                <span class="file-opened">✓ Opened</span>
                            {% endif %}
                        </span>
                    </span>
                </a>
            </li>
        {% endfor %}
    </ul>

{% endblock %}