{% extends 'Admin/base.html.twig' %}

{% block title %}{{ 'app.admin.pages.logs.title'|trans }}{% endblock %}

{% block component_body %}
<div class="card card-flush">
    <div class="card-body">
        <table id="kt_file_manager_list" data-kt-filemanager-table="files" class="table align-middle table-row-dashed fs-6 gy-5">
            <thead>
                <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                    <th class="min-w-250px">{{ 'app.global.fields.name'|trans }}</th>
                    <th class="min-w-100px text-center">{{ 'app.admin.pages.logs.list.source'|trans }}</th>
                    <th class="min-w-10px text-center">{{ 'app.admin.pages.logs.list.size'|trans }}</th>
                    <th class="min-w-125px text-center">{{ 'app.global.fields.last_update'|trans }}</th>
                    <th class="min-w-125px text-center">{{ 'app.global.fields.last_read'|trans }}</th>
                    <th class="min-w-30px"></th>
                </tr>
            </thead>
            <tbody class="fw-bold text-gray-600">
                {% for file in files %}
                    <tr>
                        <td>
                            <div class="d-flex align-items-center">
                                <span class="svg-icon svg-icon-2x svg-icon-primary me-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                        <path opacity="0.3" d="M19 22H5C4.4 22 4 21.6 4 21V3C4 2.4 4.4 2 5 2H14L20 8V21C20 21.6 19.6 22 19 22Z" fill="black" />
                                        <path d="M15 8H20L14 2V7C14 7.6 14.4 8 15 8Z" fill="black" />
                                    </svg>
                                </span>
                                <a class="text-gray-800 text-hover-primary">{{file.relativePathname}}</a>
                            </div>
                        </td>
                        <td>{{file.relativePath|capitalize}}</td>
                        <td>{{file.size|readable_filesize(2)}}</td>
                        <td>{{file.mTime|date('d/m/Y H:i')}}</td>
                        <td>{{file.aTime|date('d/m/Y H:i')}}</td>
                        <td class="text-end">
                            <div class="d-flex justify-content-end flex-shrink-0">
							    {{ link('download_file', path('foxorders_admin_logs_download', {'file': file.pathname, 'name': file.filename}), 'primary') }}
                            </div>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        var sources = JSON.parse('{{ sources | json_encode | raw }}');
	</script>
    <script src="{{asset('foxorders/js/admin/logs.js')}}"></script>
{% endblock %}