{% trans_default_domain 'admin' %}

{% set entityId = entityId is defined ? entityId : entity.id %}
{% set uploadType = uploadType is defined ? uploadType : 'single' %}
{% set mediaRelationId = mediaRelationId is defined ? mediaRelationId : null %}
{% if entity.mediaRelation is defined and entity.mediaRelation and entity.mediaRelation.id %}
    {% set mediaRelationId = entity.mediaRelation.id %}
{% endif %}
{% set btnId = mediaRelationId ? mediaRelationId : entityId %}

{% if classname is defined %}

    {% set parameters = {
        'type': uploadType is defined ? uploadType : 'single',
        'mediaRelationId': mediaRelationId,
        'classname': classname|url_encode,
        'entityId': entityId,
        'btnId': "#open-modal-" ~ btnId,
    }|json_encode %}

    {% if uploadType == 'multiple' %}

        <span class="open-modal-medias-wrap btn btn-outline-dark waves-effect w-100 mb-3 {{ uploadType }}">
            <div class="open-modal-medias-container po">
                <span id="open-modal-{{ btnId }}" class="open-modal-medias d-inline-block" data-options="{{ parameters }}">
                    <i class="fal fa-photo-video mr-2"></i><br> {{ "Choisir dans la bibliothèque"|trans }}
                </span>
                <a href="https://tinypng.com/"
                   target="_blank" class="optimize-media-btn btn btn-dark"
                   data-toggle="tooltip"
                   title="{{ "Optimisez vos médias avant de les télécharger"|trans|striptags }}">
                    <i class="fal fa-file-archive"></i>
                </a>
            </div>
        </span>

    {% else %}

        <span class="open-modal-medias-wrap btn btn-outline-dark waves-effect w-100 mb-3 {{ uploadType }}">
            <span id="open-modal-{{ btnId }}" class="open-modal-medias d-inline-block" data-options="{{ parameters }}">
                <i class="fal fa-photo-video mr-2"></i>
                {{ "Choisir dans la bibliothèque"|trans }}
            </span>
            <a href="https://tinypng.com/"
               target="_blank" class="optimize-media-btn btn btn-dark"
               data-toggle="tooltip"
               title="{{ "Optimisez vos médias avant de les télécharger"|trans|striptags }}">
                <i class="fal fa-file-archive"></i>
            </a>
        </span>

    {% endif %}

{% endif %}