{% extends "layouts/default.html" %}
{% block title %}Manage you archive.{% endblock %}
{% block content %}

<div>
    <h1>Storage Index</h1>
    <div class="be-storage-section-upload">
	<form action="/storage/multi-upload" method="POST" enctype="multipart/form-data">
	    <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
	    <input required type="file" name="STORAGE-FILES" multiple>
	    <!-- <input type="submit" value="Upload Files"/> -->
	    <button class="be-gui-button-no-text"
		    title="Click to upload files to storage"
		    type="submit">
		<img alt="Upload to Storage"
		     src="/images/icons/up-arrow.png">
	    </button>
	</form>
    </div>
</div>

<div class="be-storage-section">
    {% for item in files %}
    <div class="be-storage-entry">
	<img class="file-thumbnail" src="{{ item | build-thumbnail-path }}" alt="{{item.name}}">
	<a class="be-gui-link-no-text"
	   title="Click to view '{{item.name}}'"
	   href="/storage/view/media/{{item.slug}}">
	    <img alt="{{entry.title}}"
		 src="/images/icons/view-entry.png">
	</a>
	{% if roles.administrator %}
	<form class="be-storage-rename"
	      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"/> -->
	    <button class="be-gui-button-no-text"
		    title="Click to rename '{{item.name}}'"
		    type="submit">
		<img alt="Rename {{item.name}}"
		     src="/images/icons/edit-entry.png">
	    </button>
	</form>
	<form class="be-storage-delete"
	      action="/storage/delete/{{item.slug}}"
	      method="POST">
	    <input required
		   type="hidden"
		   name="AUTHENTICITY-TOKEN"
		   value="{{token}}">
	    <button class="be-gui-button-no-text"
		    title="Click to delete '{{item.name}}'"
		    type="submit">
		<img alt="Delete {{item.name}}"
		     src="/images/icons/delete-entry.png">
	    </button>
	</form>
	{% endif %}
    </div>
    {% endfor %}
</div>
{% endblock %}