{# intérieur de card #}
{% set with_selection = false %}
{% if selectable is defined %}
    {% if selectable %}
        {% set with_selection = true %}
    {% endif %}
{% endif %}
{% set show_buttons = false %}
{% if with_buttons is defined %}
    {% if with_buttons %}
        {% set show_buttons = true %}
    {% endif %}
{% endif %}
{% if not simple_vue is defined %}
    {% set simple_vue = false %}
{% endif %}
<div class="{% if with_selection %}media_selectable{% endif %} mediapreview justify-content-center">
    <div class="ns_height_standardized" style="overflow:auto"> {# pour éviter la cata quand code intégration fait n'imp #}

        {% if media.codeintegration %}
            {{ media.codeintegration|raw }}
        {% else %}
            {% if media.type == 'texte' %}
                {{ media.texte }}

                {% if media.fichier %}
                    <h4>Il y a un problème avec le format/encodage de ce fichier :</h4>
                    <a href="http://mime.ritey.com/">Voyez par vous-même</a>
                    <a class="btn" target="_blank"
                       href="{{ asset(media_dossier_asset ~ '/' ~ media.fichier) }}">
                        ouvrir le fichier dans un nouvel onglet
                    </a>
                {% endif %}

            {% elseif media.type == 'image' %}
                <a href="{{ asset(media_dossier_asset ~ '/' ~ media.fichier) }}" data-lity>
                    <img src="{{ asset(media_dossier_asset ~ '/' ~ media.fichier) }}" alt="image" class="image img-fluid" title="source : {{ media.source }}"/>
                </a>
                <p class="source">source : {{ media.source }}</p>
            {% elseif media.type == 'son' %}
                <audio controls>
                    <source src="{{ asset(media_dossier_asset ~ '/' ~ media.fichier) }}" type="audio/mp3">
                    Your browser does not support the audio element.
                </audio>
            {% elseif media.type == 'vidéo' %}
                <video controls>
                    <source data-lightbox
                            preload="none"
                            src="{{ asset(media_dossier_asset ~ '/' ~ media.fichier) }}">
                    Your browser does not support the video element.
                </video>
            {% else %}
                <a class="btn" target="_blank"
                   href="{{ asset(media_dossier_asset ~ '/' ~ media.fichier) }}">
                    ouvrir le fichier dans un nouvel onglet
                </a>
            {% endif %}
        {% endif %}
    </div>
</div>