{% trans_default_domain 'filemanager' %}
{% include '@ArtgrisFileManager/views/_list.actions.html.twig' with {'fileManager' :fileManager} only %}
{% if fileArray|length > 0  %}
    <div class="table-responsive list-blk">
        <table class="table">
            <colgroup>
                <col>
                <col>
                <col class="col-lg-6">
                <col class="col-lg-1">
                <col class="col-lg-1">
                <col class="col-lg-1">
                <col class="col-lg-3">
            </colgroup>
            <tbody>
            {% for fileEntity in fileArray %}
                {% set file = fileEntity.file %}
                <tr class="file-wrapper {{ fileEntity.isImage() ? 'img' : file.type }}">
                    <td>
                        {% block file_checkbox %}
                            <input type="checkbox" class="checkbox" name="delete[]" value="{{ file.fileName }}" title="{{ file.fileName }}">
                        {% endblock %}
                    </td>
                    <td>
                        {% block file_preview %}
                            {% if fileEntity.preview.folder|default %}
                                <i class="far fa-folder"></i>
                            {% else %}
                                {% if "svg" in fileEntity.file.extension %}
                                    <i class="fas fa-file-image"></i>
                                {% elseif "mp4" in fileEntity.file.extension %}
                                    <i class="fas fa-file-video"></i>
                                {% elseif "pdf" in fileEntity.file.extension %}
                                    <i class="fas fa-file-pdf"></i>
                                {% elseif "png" in fileEntity.file.extension or "jpg" in fileEntity.file.extension or "jpeg" in fileEntity.file.extension or "gif" in fileEntity.file.extension or "bmp" in fileEntity.file.extension or "webp" in fileEntity.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 %}
                        {% endblock %}
                    </td>
                    <td data-value="{{ file.fileName }}" {{ fileEntity.attribut|raw }}>
                        {% block file_name %}
                            {{ (fileEntity.preview.folder is defined ? fileEntity.preview.folder : 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 %}
                        {% endblock %}
                    </td>
                    <td class="hidden-xs">
                        {% block file_date %}
                            <small>{{ file.mTime|date('d/m/Y') }}</small>
                        {% endblock %}
                    </td>
                    <td class="hidden-xs">
                        {% block file_size %}
                            <small>{{ fileEntity.HTMLSize|trans|raw }}</small>
                        {% endblock %}
                    </td>
                    <td class="hidden-xs">
                        {% block file_dimension %}
                            <small>{{ fileEntity.HTMLDimension }}</small>
                        {% endblock %}
                    </td>
                    <td class="text-right">
                        {% block file_action %}
                        <span data-toggle="tooltip" title="{{ 'copylink'|trans }}">
                            <button type="button" class="btn btn-xs btn-default" data-copy="{{ fileEntity.preview.path|html_entity_decode|default }}">
                                <i class="far fa-clipboard" style="padding-left:2px; padding-right:2px"></i>
                            </button>
                        </span>
                        </span>
                            <span data-toggle="tooltip" title="{{ 'title.rename.file'|trans }}">
                            <button type="button"
                                    class="btn btn-xs 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-xs 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-xs 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-xs 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>                        
                        {% endblock %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
            <tfoot class="thead-default">
                <tr>
                    <th>
                        {% block select_all %}
                            <input type="checkbox" id="select-all" title="{{ 'select-all'|trans }}">
                        {% endblock %}
                    </th>
                    <th></th>
                    <th>
                        {{ 'table.name'|trans }}
                    </th>
                    <th class="hidden-xs">
                        {{ 'table.date'|trans }}
                    </th>
                    <th class="hidden-xs">
                        {{ 'table.size'|trans }}
                    </th>
                    <th class="hidden-xs">
                        {{ 'table.dimension'|trans }}
                    </th>
                    <th class="text-right">{{ 'table.actions'|trans }}</th>
                </tr>
            </tfoot>            
        </table>
    </div>
{% else %}
    <div class="filemanager-noresults-wrap">
        {{'filemanager_no_results'|trans({},'filemanager')}}
    </div>
{% endif %}