{% extends "base.html" %}
{% block title %}Files{% endblock %}
{% block image %}
{{ super() }}
<h1>: Files</h1>
{% endblock %}

{% block content %}
<div class="section">
    <br><br>
    {% for message in get_flashed_messages() %}
        <h3>{{ message }}</h3>
    {% endfor %}
</div>
<div id="boxtop">
</div>

<div id="boxmid">
    
    {% for f in files %}           
        <div class="section">
            <span>{{ f['name'] }}</span>
            <div style="float: right;">
                <span><a href="{{ url_for('files.download', id=f['id']) }}">Download</a></span>
                <span><a href="{{ url_for('files.delete', id=f['id']) }}">Delete</a></span>
            </div>   
        </div>           
    {% endfor %}

</div><div id="boxbot"></div>

    <div class="text" style="float: left;"><p>Before uploading, check out</p><p>the <a href="#" onmouseover="popUP()">Terms of Service</a>.</p></div>
<script>
        function popUP() {
        window.alert("File upload restrictions: \n\n- allowed filetypes: gif, jpg, png\n- maximum size: 100kB\n- maximum width: 1024px\n- maximum heigth: 768px");
        }
</script>


    <div class="text" style="float: right;">

    <a href="{{ url_for('auth.logout') }}" class="submit red">Logout</a>
        <a href="{{ url_for('files.upload') }}" class="submit">Upload</a>

    </div>
    <br style="clear:both; height: 0px;" />
{% endblock %}