{% trans_default_domain 'front' %}

{% set title = imageTitle ? imageTitle : mediaTitle %}
{% set displayTitle = imageTitle and mediaRelation.displayTitle %}
{% set maxWidthClass = maxWidthClass is defined and not inAdmin ? maxWidthClass : null %}
{% set popupGallery = popupGallery is defined and popupGallery %}

{% if not inAdmin %}
    <div class="w-100 position-relative loader-image-wrapper">
        <div class="vertical-align spinner-wrap">
            <div class="spinner-border" role="status">
                <span class="sr-only">{{ "Chargement..."|trans|raw }}</span>
            </div>
        </div>
{% endif %}

    {% if fullPopup and popupGallery %}
        <a href="{{ asset(filepathDesktop) }}" class="image-popup">
    {% endif %}

        <img data-src="{{ mediaPath }}"
             src="{{ lazy }}"
             class="{% if not forceSize %}img-fluid {% endif %}{% if maxWidthClass %}{{ maxWidthClass }} {% endif %}img-desktop lazyload{% if screenClass %} {{ screenClass }}{% endif %}"
             title="{{ title|striptags|capitalize }}"
             alt="{{ mediaTitle|striptags }}"
             {% if mediaAuthor %}author="{{ mediaAuthor }}"{% endif %}
             width="{{ mediaWidth }}"
             height="{{ mediaHeight }}" />

    {% if fullPopup and popupGallery %}
        </a>
    {% endif %}

{% if not inAdmin %}
    </div>
{% endif %}

{% if not inAdmin and (mediaAuthor or displayTitle or notContractual) %}

    <div class="infos-img w-100">

        {% if not inAdmin and mediaAuthor %}
            <small class="img-copyright text-italic text-muted"><i class="fas fa-copyright mr-1"></i>{{ mediaAuthor|trans|raw }}</small>
        {% endif %}

        {% if not inAdmin and displayTitle %}
            {% if mediaAuthor %} - {% endif %}
            <small class="img-title text-italic">{{ imageTitle|trans|raw }}</small>
        {% endif %}

        {% if not inAdmin and notContractual %}
            {% if mediaAuthor or imageTitle %} - {% endif %}
            <small class="img-not-contractual text-italic text-muted">{{ 'Image non contractuelle'|trans|raw }}</small>
        {% endif %}

    </div>

{% endif %}