@import java.util.ArrayList
@args (ArrayList files, String path)

@css => {
<link href="/css/files.css" rel="stylesheet">
}

@js => {
<script>const path = "@path";</script>
<script src="/js/imagePreview.js"></script>
<script src="/js/files.js"></script>
}

@layout.template(files.size() + " Files", css, js) -> {
<div class="drop" id="drop">
    <h2>/@path</h2>
    <table id="table">
        <thead>
        <tr>
            <th data-asc="true">Name</th>
            <th data-asc="true">Size</th>
            <th data-asc="true">Last modified</th>
            <th data-asc="true">Delete</th>
        </tr>
        <tr data-href="../">
            <td>../</td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        </thead>

        <tbody>
        @for (String[] fileArray : files) {
        @if (fileArray[3] == "true") {
        <tr data-href="@fileArray[0]">
            } else {
        <tr data-path="@fileArray[0]">
            }
            <td>@fileArray[0]</td>
            <td data-size="@fileArray[4]">@fileArray[1]</td>
            <td data-date="@fileArray[5]">@fileArray[2]</td>
            <td>
                <button class="delete"><i class="icon ion-md-trash"></i></button>
            </td>
        </tr>
        }
        </tbody>
    </table>
</div>
}