{% extends "layouts/default.html" %}
{% block title %}Manage you archive.{% endblock %}
{% block content %}
<h1>Storage Files</h1>

<div>
    <h2>File Upload</h2>
    <form action="/storage/upload" method="POST" enctype="multipart/form-data">
	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
	<label>Name</label>
	<input required type="text" name="FILE-NAME">
	<label>Single File Upload</label>
	<input required type="file" name="STORAGE-FILE">
	<input type="submit" value="Upload File"/>
    </form>

    <form action="/storage/multi-upload" method="POST" enctype="multipart/form-data">
	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
	<label>Multi-File Upload</label>
	<p>Warning: This will overwrite any files stored on the server with the same name.</p>
	<input required type="file" name="STORAGE-FILES" multiple>
	<input type="submit" value="Upload Files"/>
    </form>
</div>

{% for item in files %}
<div>
    <p>
	<!-- Change to image (include at least) when feature ready. -->
	<a href="/storage/media/{{item.slug}}">{{item.name}}</a>
	{% if roles.administrator %}
	<form action="/storage/rename/{{item.slug}}" method="POST">
	    <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
	    <input required type="text" name="NEW-FILE-NAME" value="{{item.name}}">
	    <input type="submit" value="Rename"/>
	</form>
	<form action="/storage/delete/{{item.slug}}" method="POST">
	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
	<input type="submit" value="Delete"/>
	</form>
	{% endif %}
    </p>
</div>
{% endfor %}

{% endblock %}