{% extends 'base.adm.html.twig' %}

{% block title %}Explorer{% endblock %}

{% block body %}
    <div class="adm-page">
        <div class="container">
            <div class="row align-items-center mb-3">
                <div class="col">
                    <div class="d-flex flex-wrap align-items-center gap-2 mb-3">
                        <a href="{{ path('app_adm_explorer') }}" class="btn btn-secondary">
                            <i class="icofont-arrow-left"></i> {{ 'lang.return'|trans }}
                        </a>
                        <form method="post"
                              action="{{ path('app_adm_explorer_delete') }}"
                              class="d-inline"
                              onsubmit="return confirm('{{ 'lang.explorerConfirmDeleteFolder'|trans({'%folder%': dir})|e('js') }}');">
                            <input type="hidden" name="dir" value="{{ dir }}">
                            <input type="hidden" name="_token" value="{{ csrf_token('adm_explorer_delete_' ~ dir) }}">
                            <button type="submit" class="btn btn-danger" id="explorerFolderDeleteBtn">
                                <i class="icofont-trash" style="color:#fff;font-size:16px;"></i>
                                {{ 'lang.delete'|trans }}
                            </button>
                        </form>
                    </div>
                    <h4 class="mb-0">
                        <i class="icofont-ui-folder"></i> <span class="badge bg-primary">{{ dir }}</span>&nbsp;&nbsp;
                        <i class="icofont-pie-alt"></i> <span class="badge bg-primary">{{ total_size }}</span>&nbsp;&nbsp;
                        <i class="icofont-user-alt-3"></i>
                        <span class="badge bg-primary">{{ dir_owner['user'] }}{% if dir_owner['company'] %} - {{ dir_owner['company'] }}{% endif %}</span>
                    </h4>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="adm-table-wrap">
                        <div class="d-flex justify-content-end mb-3">
                            <form method="post"
                                  action="{{ path('app_adm_explorer_delete') }}"
                                  class="d-inline"
                                  onsubmit="return confirm('{{ 'lang.explorerConfirmDeleteFolder'|trans({'%folder%': dir})|e('js') }}');">
                                <input type="hidden" name="dir" value="{{ dir }}">
                                <input type="hidden" name="_token" value="{{ csrf_token('adm_explorer_delete_' ~ dir) }}">
                                <button type="submit" class="btn btn-danger">
                                    <i class="icofont-trash" style="color:#fff;font-size:16px;"></i>
                                    {{ 'lang.delete'|trans }}
                                </button>
                            </form>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered w-100" id="explorerFilesTable">
                                <thead>
                                <tr>
                                    <th>Dateien</th>
                                    <th>Größe</th>
                                    <th>hinzugefügt</th>
                                    <th>{{ 'lang.delete'|trans }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for file in files %}
                                    <tr>
                                        <td>{{ file['file_name'] }}</td>
                                        <td data-sort="{{ file['file_size'] }}">{{ file['file_size']|formatFileSize }}</td>
                                        <td>{{ file['last_modified'] }}</td>
                                        <td align="right">
                                            {% if loop.first %}
                                                <form method="post"
                                                      action="{{ path('app_adm_explorer_delete') }}"
                                                      class="d-inline"
                                                      onsubmit="return confirm('{{ 'lang.explorerConfirmDeleteFolder'|trans({'%folder%': dir})|e('js') }}');">
                                                    <input type="hidden" name="dir" value="{{ dir }}">
                                                    <input type="hidden" name="_token" value="{{ csrf_token('adm_explorer_delete_' ~ dir) }}">
                                                    <button type="submit" class="btn btn-sm btn-danger" title="{{ 'lang.delete'|trans }}">
                                                        <i class="icofont-trash" style="color:#fff;font-size:16px;"></i>
                                                    </button>
                                                </form>
                                            {% endif %}
                                        </td>
                                    </tr>
                                {% else %}
                                    <tr>
                                        <td colspan="3">—</td>
                                        <td align="right">
                                            <form method="post"
                                                  action="{{ path('app_adm_explorer_delete') }}"
                                                  class="d-inline"
                                                  onsubmit="return confirm('{{ 'lang.explorerConfirmDeleteFolder'|trans({'%folder%': dir})|e('js') }}');">
                                                <input type="hidden" name="dir" value="{{ dir }}">
                                                <input type="hidden" name="_token" value="{{ csrf_token('adm_explorer_delete_' ~ dir) }}">
                                                <button type="submit" class="btn btn-sm btn-danger" title="{{ 'lang.delete'|trans }}">
                                                    <i class="icofont-trash" style="color:#fff;font-size:16px;"></i>
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('adm_files') }}
{% endblock %}