{% load i18n %}

{% load converter_tags %}
{% load icons_tags %}

{% converter_get_object_image_data obj=instance transformation_instance_list=transformation_instance_list as object_image_data %}

<span class="instance-image-widget {{ container_class }}">
    {% if 'app_image_error_image' in object_image_data %}
        
        <style>
            a .fa-stack {
                width: 2.4em;
            }
        </style>
        
        <span style="white-space: nowrap;">
            {% include object_image_data.app_image_error_image.template_name %}
        </span>
    {% else %}
        <img
            alt="{{ image_alt }}"
            class="thin_border {{ image_classes }}"
            data-src="{{ object_image_data.url }}"
            style="{% if image_max_height %}max-height: {{ image_max_height }}; {% endif %}"
         />
        <span
            class="lazyload-spinner-container text-body"
            style="height: {% if display_full_height %}100%{% else %}{{ display_height|default:150 }}px{% endif %}; display: block;"
        >
            {% icons_get_icon 'mayan.apps.documents.icons.icon_document_image_loading' extra_context__html_data__class='mayan-icon-2x' %}
        </span>
    {% endif %}
</span>