{% trans_default_domain 'admin' %}

{% set allModules = allModules is defined and allModules ? allModules : website()|modules %}

<div id="medias-results">

    <h4 class="card-subtitle mb-2">
        <i class="fal fa-folder mr-2"></i>
        {% if folder.adminName is defined and folder.adminName %}
            {{ folder.adminName }}
        {% else %}
            {{ "Racine"|trans }}
        {% endif %}
    </h4>

    <div class="w-100 text-center">

        {% set excludesExtensions = ['ico', 'svg', 'gif'] %}

        {% for media in medias %}

            {% set extension = media.extension %}
            {% set haveThumb = extension not in excludesExtensions %}
            {% set uploadDirname = asset('uploads/' ~ media.website.uploadDirname ~ '/' ~ media.filename) %}
            {% set path = haveThumb ? uploadDirname|imagine_filter('media_library') : uploadDirname %}

            {% if media.filename and media.screen == ('desktop' or 'poster' or 'webm' or 'ogg' or 'mp4') and media.website.id == websiteId() %}
                {% set icon = 'admin'|fileIcon(extension) %}
                <div class="file d-inline-block" data-id="{{ media.id }}">
                    <label for="check-pack-media-{{ media.id }}" class="mb-0 check-pack-media-label h-100 w-100">
                        <div class="file-data-wrap h-100" data-toggle="tooltip" alt="{{ media.filename }}" title="{{ media.filename }}">
                            <div class="file-data media-selector h-100">
                                <div class="spinner-parent h-100">
                                    <div class="inner h-100">
                                        <div class="wrap">
                                            {% if extension == 'svg' %}
                                                <img src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                                     data-src="{{ uploadDirname }}"
                                                     original-src="{{ uploadDirname }}" class="img-fluid lazyload" />
                                            {% elseif icon %}
                                                <i class="{{ icon }} fa-3x text-black-50"></i>
                                            {% else %}
                                                <img src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                                     data-src="{{ path }}"
                                                     original-src="{{ uploadDirname }}" class="img-fluid lazyload" />
                                            {% endif %}
                                        </div>
                                        <div class="loader-media d-none"><i class="fad fa-circle-notch fa-spin"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </label>
                    <div class="btn btn-success check-pack-media-btn cursor d-none">
                        <i class="fal fa-check"></i>
                        <input id="check-pack-media-{{ media.id }}"
                               name="check-pack-media-{{ media.id }}"
                               class="check-pack-media d-none"
                               type="checkbox" />
                    </div>
                    {% if 'edit'|moduleActive(allModules) %}
                        {% if not icon %}
                            <a href="{{ path('admin_media_crop', {'website': websiteId(), 'media': media.id}) }}"
                               class="open-media-crop btn btn-info" data-toggle="tooltip" title="{{ "Redimensionner"|trans|striptags }}">
                                <i class="far fa-crop-alt"></i>
                            </a>
                        {% endif %}
                        <a href="{{ path('admin_media_edit', {'website': websiteId(), 'media': media.id}) }}"
                           class="open-media-edit btn btn-info" data-toggle="tooltip" title="{{ "Éditer"|trans|striptags }}">
                            <i class="fas fa-pencil-alt"></i>
                        </a>
                    {% endif %}
                </div>
            {% endif %}

        {% else %}

            <div class="mt-3">
                {% include 'admin/include/alert.html.twig' with {"alert": 'info', "message": "Aucun média."|trans} only %}
            </div>

        {% endfor %}

    </div>

</div>