{% extends 'layouts/base.njk' %}

{% set title = app.name + ' - File manager' %}

{% block scripts %}
    <script src="/js/fm.js"></script>
{% endblock %}

{% block body %}
    <h1>File manager</h1>
    <p>You're their manager, please be nice with them.</p>

    <div class="container">
        <section class="panel">
            <h2><i data-feather="folder"></i> File list</h2>
            <table class="data-table">
                <thead>
                <tr>
                    <th>#</th>
                    <th class="table-col-grow">URL</th>
                    <th>Name</th>
                    <th>Size</th>
                    <th>Expires at</th>
                    <th>Actions</th>
                </tr>
                </thead>

                <tbody>
                {% for file in files %}
                    <tr>
                        <td>{{ file.id }}</td>
                        <td>
                            <div class="copyable-text">
                                <a class="content" href="{{ file.getURL() }}" target="_blank">{{ file.getURL() }}</a>
                                <button class="copy-button"><i data-feather="copy"></i></button>
                            </div>
                        </td>
                        <td><pre>{{ file.real_name }}</pre></td>
                        <td>{{ (file.size / (1024 * 1024)).toFixed(2) }}MB</td>
                        {% set expires_at = file.getExpirationDate() %}
                        <td>{% if expires_at %}{{ expires_at.toISOString() }}{% else %}Never{% endif %}</td>
                        <td class="actions">
                            {% if file.shouldBeDeleted() %}
                                Pending deletion
                            {% else %}
                                <form action="{{ route('delete-file-frontend', file.slug) }}" method="post">
                                    {{ macros.csrf(getCsrfToken) }}
                                    <button class="button danger"><i data-feather="trash"></i> <span class="tip">Delete</span></button>
                                </form>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </section>
    </div>
{% endblock %}