{% for uploadFile in fichiers %}
    <div class='container-file' id='file-{{ uploadFile }}'>
        <h4>Fichier {{ uploadFile }}</h4>
        <div class="row container-btn-file">
            <button idExercice="{{ uploadFile }}" file="{{ uploadFile }}" class='btn btn-danger btn-delete-file'>Supprimer ce fichier</button>
            <a href='{{ asset('upload/exercices') }}/{{ uploadFile }}' target='_blank'>
                <button class="btn btn-secondary btn-view-file">Ouvrir dans un nouvel onglet</button>
            </a>
        </div>

        {% if uploadFile matches '/\.(mp4|avi|mov|wmv|flv|mkv|webm|mpeg|mpg|m4v|3gp|ogv|ts|f4v|mxf|vob|rm|rmvb|divx)$/i' %}
            <!-- Afficher un lecteur vidéo si le fichier est une vidéo -->
            <video id="video-{{ uploadFile }}" controls width="320">
                <source src='{{ asset('upload/exercices') }}/{{ uploadFile }}' type="video/{{ uploadFile|split('.')|last }}">
                Votre navigateur ne supporte pas le format vidéo.
            </video>
        {% else %}
            <!-- Afficher une image si le fichier est une image -->
            <img id="img-{{ uploadFile }}" src='{{ asset('upload/exercices') }}/{{ uploadFile }}' alt="{{ uploadFile }}" />
        {% endif %}
    </div>
{% endfor %}