{% if entity %}
    {% if entity.instance matches '{\.(((pn|jpe?)g)|webp)}' %}
        {% set html_id = 'ea-lightbox-' ~ field.uniqueId %}
        <a href="#" class="ea-lightbox-thumbnail" data-ea-lightbox-content-selector="#{{ html_id }}"
           data-featherlight-close-on-click="anywhere">
            <img src="{{ vich_uploader_asset(entity.instance, field.property, entity.fqcn)|imagine_filter('admin_thumbnail') }}"
                 alt="{{ entity.name }}" class="img-fluid">
        </a>

        <div id="{{ html_id }}" class="ea-lightbox">
            <img src="{{ vich_uploader_asset(entity.instance, field.property, entity.fqcn)|imagine_filter('admin_fullsize') }}"
                 alt="{{ entity.name }}">
        </div>
    {% else %}
        <a href="{{ vich_uploader_asset(entity.instance, field.property, entity.fqcn) }}"
           title="{{ entity.instance.originalName }}" target="_blank">
            {{ entity.instance.originalName }}
        </a>
    {% endif %}
{% else %}
    <span class="badge badge-secondary">
        Empty
    </span>
{% endif %}