{% extends "layouts/default.html" %}
{% block title %}Manage you archive.{% endblock %}
{% block content %}
<div class="be-main">
    <div class="be-dashboard-header">
	<div>
	    <img class="profile-cat" alt="profile Cat"
		 src="/images/icons/happy-cat.png">
	    <h1>{{user.display-name}}</h1>
	</div>	
    </div>

    <div class="be-dashboard-section">
	<h2>Storage</h2>
	<div class="be-section-controls">
	    <a class="be-gui-link"
	       title="Click to view all files in storage"
	       href="/storage/manage">
		<img alt="Manage Storage Files"
		     src="/images/icons/index.png">
		Storage Files Index
	    </a>
	</div>
	<div class="be-section-entries">
	    <div class="be-section-entry">
		<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>
		    <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-section-entries">
	    {% for item in storage-files %}
	    <div class="be-section-entry">
		<p>{{item.name | safe}}</p>
		<div class="be-entry-controls">
		    <a class="be-gui-link-no-text"
		       title="Click to view '{{item.name}}'"
		       href="/storage/view/media/{{item.slug}}">
			<img alt="{{item.name}}"
			     src="/images/icons/view-entry.png">
		    </a>
		    {% if roles.administrator %}
		    <form 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 Page"
				 src="/images/icons/delete-entry.png">
			</button>
		    </form>
		    {% endif %}
		</div>
	    </div>
	    {% endfor %}
	</div>
    </div>
    
    <div class="be-dashboard-section">
	<h2>Archive</h2>
	<div class="be-section-controls">
	    <a class="be-gui-link"
	       title="Click to add a new archive entry"
	       href="/create/archive-entry">
		<img alt="New Archive Entry"
		     src="/images/icons/add-circle.png">
		Create Entry
	    </a>

	    <a class="be-gui-link"
	       title="Click to view all archive entries stored on the system"
	       href="/user/archive">
		<img alt="Archive Index"
		     src="/images/icons/index.png">
		Archive Index
	    </a>
	</div>
	<div class="be-section-entries">
	    {% for entry in archive-entries %}
	    <div class="be-section-entry">
		<p>{{entry.title | safe}}</p>
		<div class="be-entry-controls">
		    <a class="be-gui-link-no-text"
		       title="Click to view '{{entry.title}}'"
		       href="/view/archive/{{entry.slug}}">
			<img alt="{{entry.title}}"
			     src="/images/icons/view-entry.png">
		    </a>
		    <a class="be-gui-link-no-text"
		       title="Click to edit '{{entry.title}}'"
		       href="/edit/archive/{{entry.slug}}">
			<img alt="Edit {{entry.title}}"
			     src="/images/icons/edit-entry.png">
		    </a>
		    {% if roles.administrator %}
		    <form action="/archive/delete/entry" method="post">
			<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
			<input required type="hidden" name="slug" value="{{entry.slug}}">
			<button class="be-gui-button-no-text"
				title="Click to delete '{{entry.title}}'"
				type="submit">
			    <img alt="Delete Page"
				 src="/images/icons/delete-entry.png">
			</button>
		    </form>
		    {% endif %}
		</div>
	    </div>
	    {% endfor %}
	</div>
    </div>

    <div class="be-dashboard-section">
	<h2>Pages</h2>
	<div class="be-section-controls">
	    <a class="be-gui-link"
	       title="Click to create a new page"
	       href="/create/page">
		<img alt=""
		     src="/images/icons/add-circle.png">
		Add Page
	    </a>
	    <a class="be-gui-link"
	       title="Click to view all the pages stored on the system"
	       href="/user/pages">
		<img alt="New Page"
		     src="/images/icons/index.png">
		Pages Index
	    </a>
	</div>
	<div class="be-section-entries">
	    {% for page in pages %}
	    {% if page.can-delete == 1 %}
	    <div class="be-section-entry">
		<p>{{page.title | safe}}</p>
		<div class="be-entry-controls">
		    <a class="be-gui-link-no-text"
		       title="Click to view '{{page.title}}'"
		       href="/view/page/{{page.slug}}">
			<img alt="{{page.title}}"
			     src="/images/icons/view-entry.png">
		    </a>
		    <a class="be-gui-link-no-text"
		       title="Click to edit '{{page.title}}'"
		       href="/edit/page/{{page.slug}}">
			<img alt="Edit {{page.title}}"
			     src="/images/icons/edit-entry.png">
		    </a>
		    {% if roles.administrator %}
		    <form action="/page/delete" method="post">
			<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
			<input required type="hidden" name="slug" value="{{page.slug}}">
			<button class="be-gui-button-no-text"
				title="Click to delete '{{page.title}}'"
				type="submit">
			    <img alt="Delete Page"
				 src="/images/icons/delete-entry.png">
			</button>
		    </form>
		    {% endif %}
		</div>
	    </div>
	    {% endif %}
	    {% endfor %}
	</div>
    </div>

    <div class="be-dashboard-section">
	<div class="be-dashboard-section-list">
	    <h2>Accounts and Settings</h2>
	    {% if roles.administrator %}
	    <a class="be-gui-link" href="/user/edit">
		<img alt="Edit Profile"
		     src="/images/icons/profile.png">
		Account Details
	    </a>
	    <a class="be-gui-link" href="/users">
		<img alt="Manage Accounts"
		     src="/images/icons/index.png">
		Accounts Index
	    </a>
	    <a class="be-gui-link" href="/site-settings">
		<img alt="Site Settings"
		     src="/images/icons/settings.png">
		Site Settings
	    </a>
	    {% endif %}
	</div>
    </div>
</div>

</div>
{% endblock %}