{% extends "layouts/default.html" %}
{% block title %}Nicola Ellis & Ritherdon Archive{% endblock %}
{% block content %}
<main class="be-main">
    <h1 class="be-warning">Delete Files</h1>
    <p class="be-warning">
        <strong>Warning:</strong> Deleting files here might leave the site's database
        out-of-sync. with the files stored on the server and corrupt the system.
    </p>
    <h2>Archive Files</h2>
    <div class="be-storage-section">
	{% for item in archive-files %}
	<div class="be-storage-entry">
	    {% if roles.administrator %}
	    <form class="be-storage-delete"
		  action="/danger/delete-file"
		  method="POST">
		<input required
		       type="hidden"
		       name="AUTHENTICITY-TOKEN"
		       value="{{token}}">
                <input required
		       type="hidden"
		       name="FILENAME"
		       value="{{item}}">
                <input required
		       type="hidden"
		       name="DIRECTORY"
		       value="archive">
		<button class="be-gui-button-no-text"
			title="Click to delete '{{item}}'"
			type="submit">
		    <img alt="Delete {{item}}"
			 src="/images/icons/delete-entry.png">
		</button>
	    </form>
            <p>{{item}}</p>
	    {% endif %}
	</div>
	{% endfor %}
    </div>

    <h2>Pages Files</h2>
    <div class="be-storage-section">
	{% for item in pages-files %}
	<div class="be-storage-entry">
	    {% if roles.administrator %}
	    <form class="be-storage-delete"
		  action="/danger/delete-file"
		  method="POST">
		<input required
		       type="hidden"
		       name="AUTHENTICITY-TOKEN"
		       value="{{token}}">
                <input required
		       type="hidden"
		       name="FILENAME"
		       value="{{item}}">
                <input required
		       type="hidden"
		       name="DIRECTORY"
		       value="pages">
		<button class="be-gui-button-no-text"
			title="Click to delete '{{item}}'"
			type="submit">
		    <img alt="Delete {{item}}"
			 src="/images/icons/delete-entry.png">
		</button>
	    </form>
            <p>{{item}}</p>
	    {% endif %}
	</div>
	{% endfor %}
    </div>

    <h2>Media Files</h2>
    <div class="be-storage-section">
	{% for item in media-files %}
	<div class="be-storage-entry">
	    {% if roles.administrator %}
	    <form class="be-storage-delete"
		  action="/danger/delete-file"
		  method="POST">
		<input required
		       type="hidden"
		       name="AUTHENTICITY-TOKEN"
		       value="{{token}}">
                <input required
		       type="hidden"
		       name="FILENAME"
		       value="{{item}}">
                <input required
		       type="hidden"
		       name="DIRECTORY"
		       value="media">
		<button class="be-gui-button-no-text"
			title="Click to delete '{{item}}'"
			type="submit">
		    <img alt="Delete {{item}}"
			 src="/images/icons/delete-entry.png">
		</button>
	    </form>
            <p>{{item}}</p>
	    {% endif %}
	</div>
	{% endfor %}
    </div>
</main>
{% endblock %}