<html>

<head>
    <title> Admin list of files </title>
    <link href="/css" rel="stylesheet" type="text/css" media="screen" />
    <script src="/script"></script>
</head>

<body>
    <h1> Admin list of files </h1>

    <div class="uploadform">
        <form action="/" method="post" enctype="multipart/form-data">
            <div id="file-selector">
                <input type="file" name="file" id="file-selector-input" />
                <label for="file-selector-input" onclick="selectFile('file-selector')">Select a file</label>
            </div>
            <input type="submit" value="Upload file" />
        </form>
    </div>

    <div class="files">
        {{#files}}
        <div class="file">
            {{#error}}
            <div>
                <p> {{error}} </p>
            </div>
            {{/error}}

            {{#file}}
            <div class="thumbnail">
                <a href="/file/{{id}}"><img src="/tn/{{id}}" /></a>
            </div>
            <div>
                <ul>
                    <li> {{date}} </li>
                    <li> {{type_}} </li>
                    <li> {{size}} </li>
                </ul>
                <div>
                    <form action="/{{id}}" method="post">
                        <input type="hidden" name="_method" value="delete" />
                        <input type="submit" value="Delete" />
                    </form>
                </div>
            </div>
            {{/file}}
        </div>
        {{/files}}
    </div>
</body>

</html>