{% load wagtailadmin_tags wagtail_admin_files %}
{% render_file object as rendered_object %}
<div class="waf-uploaded-file" data-group-id="{{ object.group_id|default:"" }}">
    <div class="waf-file-ext-tooltip">
        {% status label=rendered_object.ext.upper url=rendered_object.url title=ext_text hidden_label=ext_text classname="w-status--primary" %}
    </div>

    {% include "wagtail_admin_files/partials/file_toolbar.html" %}

    <div class="waf-uploaded-file-preview">
        <a href="{% url 'wagtail_admin_files:detail' object.pk %}">
            {{ rendered_object.html }}
        </a>
    </div>
    <div class="waf-uploaded-file-meta">
        <a href="{% url 'wagtail_admin_files:detail' object.pk %}">
            <h3 class="waf-uploaded-file-title">{{ object.title }}</h3>
        </a>
        <p class="waf-uploaded-file-date">{{ object.uploaded_at|date:"SHORT_DATETIME_FORMAT" }}</p>
    </div>
</div>