{% extends 'default/templates/renderable/administerable.html' %}

{% block content %}

    {{ content.description.render() }}

    {% if content.items_ordered|length and content.items_ordered[0].upload %}

        <a href="#modal-{{ content.id }}">
            <div class="preview">
                {{ content.items_ordered[0].upload.render('inline') }}
            </div>
        </a>

        <div id="modal-{{ content.id }}" class="modal">
            <a href="#close">✖</a>
            {{ content.items_ordered[0].upload.render('inline') }}
        </div>

    {% endif %}

    <div class="files">
        {% for item in content.items_ordered[1:] %}
            {% if item.upload %}
                <div class="fileinfo">
                    <a class="download" href="{{ item.upload.url('download') }}" target="_blank">{{ item.upload.filename }}</a>
                    <span class="filesize">{{ item.upload.filesize|filesizeformat }}</span>
                </div>
            {% endif %}
        {% endfor %}
    </div>
{% endblock %}