{% trans_default_domain 'filemanager' %}
{% include '@ArtgrisFileManager/views/_list.actions.html.twig' with {'fileManager' :fileManager} only %}
<div class="row margin-bottom thumbnail-blk">
    {% for fileEntity in fileArray %}
        {% set file = fileEntity.file %}
        <div class="file-wrapper {{ fileEntity.isImage() ? 'img' : file.type }} col-xs-6 col-sm-4 col-md-{{ fileManager.tree == 0 ? 3 : 4 }} col-lg-2 text-center thumbnail">
            {% block file_checkbox %}
                <input type="checkbox" class="checkbox" name="delete[]"
                       value="{{ file.fileName }}"
                       title="{{ file.fileName }}">
            {% endblock %}
            {% block file_preview %}
                <div class="thumbnail-img {{ file.type }} {% if fileManager.queryParameters.module|default and fileManager.queryParameters.module == 1 %}filemanager-select-img{% endif %}">
                    {% if file.type|default == "dir" %}
                        <i class="far fa-folder"></i>
                    {% else %}
                        {% if "svg" in file.extension %}
                            <i class="fas fa-file-image"></i>
                        {% elseif "mp4" in file.extension %}
                            <i class="fas fa-file-video"></i>
                        {% elseif "pdf" in file.extension %}
                            <i class="fas fa-file-pdf"></i>
                        {% elseif "png" in file.extension or "jpg" in file.extension or "jpeg" in file.extension or "gif" in file.extension or "bmp" in file.extension or "webp" in file.extension %}
                            {% if file.relativePath|default %}
                                {% set imagepath = "/uploads/" ~ file.relativePathname %}
                                <img class="lazy" src="{{ imagepath|imagine_filter('filemanager') }}">
                            {% else %}
                                <img class="lazy" src="{{ fileEntity.preview.path|imagine_filter('filemanager') }}">
                            {% endif %}
                        {% else %}
                            <i class="fas fa-file"></i>
                        {% endif %}
                    {% endif %}
                </div>
            {% endblock %}
            <p {{ fileEntity.attribut|raw }}>
                {% block file_name %}
                    {% if file.type|default == "dir" %}
                        <span class="thumbnail-link-folder">{{ fileEntity.preview.folder|raw }}</span>
                    {% else %}
                        {{ file.fileName|raw }}
                        {% if fileManager.queryParameters.term|default %}
                            <div class="filename_folderpath">
                                {% if file.relativePath|default %}
                                    <a href="?conf=default&route=/{{ file.relativePath|url_encode }}">                           
                                        /{{file.relativePath}}
                                    </a>
                                {% else %}
                                    <a href="?conf=default&route=/{{ (fileEntity.preview.path|replace({ ("/" ~ file.filename|url_encode): ''}))|replace({"/uploads":""})|url_encode }}">
                                        {{ (fileEntity.preview.path|replace({ ("/" ~ file.filename|url_encode): ''}))|replace({"/uploads":""}) }}
                                    </a>
                                {% endif %}
                            </div>
                        {% endif %}
                    {% endif %}
                    <br>
                {% endblock %}
                <small>{% block file_date %}{{ fileEntity.file.mTime|date('d/m/Y') }}{% endblock %} {% block file_size %}{{ fileEntity.HTMLSize ? ' - '~fileEntity.HTMLSize|trans|raw }}{% endblock %}</small>
                <br>
                {% block file_dimension %}
                    <small>{{ fileEntity.HTMLDimension }}</small>
                {% endblock %}
                <br>
            </p>
            <div class="row btn-item-actions-wrap">
                {% block list_action %}
                    <span data-toggle="tooltip" title="{{ 'copylink'|trans }}">
                        <button type="button" class="btn btn-sm btn-default" data-copy="{{ fileEntity.preview.path|html_entity_decode|default }}">
                            <i class="far fa-clipboard"></i>
                        </button>
                    </span>
                    <span data-toggle="tooltip" title="{{ 'title.rename.file'|trans }}">
                        <button type="button"
                                class="btn btn-sm btn-default js-rename-modal"
                                data-trigger="click"
                                data-container="body"
                                data-toggle="modal"
                                data-target="#js-confirm-rename"
                                data-placement="left"
                                data-html="true"
                                data-name='{{ file.basename('.'~file.extension) }}'
                                data-extension='{{ file.extension }}'
                                data-href='{{ path('file_manager_rename', fileManager.queryParameters|merge({'fileName':file.fileName})) }}'>
                        <span class="far fa-edit"></span>
                        </button>
                    </span>
                    {% if file.type == "file" %}
                        <a data-placement="left" title="{{ 'title.download'|trans }}"
                           class="btn btn-sm btn-default js-download"
                           href="{{ path('file_manager_file', fileManager.queryParameters|merge({'fileName':file.fileName})) }}"
                           download>
                            <span class="fas fa-download"></span>
                        </a>
                        {% if fileEntity.isImage() %}
                            <span data-toggle="tooltip" title="{{ 'title.preview.file'|trans }}">
                                <button type="button"
                                        class="btn btn-sm btn-default js-open-modal"
                                        data-trigger="click"
                                        data-container="body"
                                        data-toggle="modal"
                                        data-target="#js-display-image"
                                        data-placement="left"
                                        data-href='{{ fileEntity.preview.path|html_entity_decode }}'>
                                <span class="fas fa-eye"></span>
                                </button>
                            </span>
                        {% endif %}
                    {% endif %}
                    <span data-toggle="tooltip" title="{{ 'title.delete'|trans }}">
                        <button type="button"
                                class="btn btn-sm btn-danger js-delete-modal"
                                data-trigger="click"
                                data-container="body"
                                data-toggle="modal"
                                data-target="#js-confirm-delete"
                                data-placement="left"
                                data-html="true"
                                data-href='{{ path('file_manager_delete', fileManager.queryParameters|merge({'delete[]':file.fileName})) }}'>
                           <span class="far fa-trash-alt"></span>
                        </button>
                    </span>                    
                {% endblock %}
            </div>
        </div>
    {% endfor %}
</div>