{% extends 'base.html' %}

{% block main %}
    <form method="post" enctype="multipart/form-data" class="form--line">
        <input type="file" name="file">
        <button>{{ 'Upload file'|trans }}</button>
    </form>
    <form method="post" class="form--line">
        <input type="text" name="folder">
        <button>{{ 'Create folder'|trans }}</button>
    </form>

    <ul class="file-list">
        {% for file in files %}
            <li>
                {% if file.is_file %}
                    {% if file.is_image %}
                        <img src="{{ file.url }}" class="file-list__icon" alt="{{ 'image'|trans }}">
                    {% else %}
                        <img src="static/file.png" class="file-list__icon" alt="{{ 'file'|trans }}">
                    {% endif %}
                    <a href="{{ file.url }}" target="_blank" class="file-list__main">{{ file.name }}</a>
                {% else %}
                    <img src="static/folder.png" class="file-list__icon" alt="{{ 'folder'|trans }}">
                    <a href="?path=%2F_files{{ file.path|e('url') }}" class="file-list__main">{{ file.name }}/</a>
                {% endif %}

                {% if file.name != '..' %}
                    <form method="post">
                        <input type="hidden" name="name" value="{{ file.name }}">
                        <button class="button--danger button--small" name="delete">{{ 'Delete'|trans }}</button>
                    </form>
                {% endif %}
            </li>
        {% endfor %}
    </ul>
{% endblock %}