{% extends "layouts/default.html" %}
{% block title %}A list of the site's pages.{% endblock %}
{% block content %}
<div class="be-main">
    <div  class="be-dashboard-section">
	<h1>Pages Index</h1>
	<div class="be-section-controls">
	    <a class="be-gui-link"
	       title="Click to create a new page"
	       href="/create/page">
		<img alt="Create New Page"
		     src="/images/icons/add-circle.png">
		Add Page
	    </a>
	</div>
	<div class="be-section-entries">
	    {% for page in pages %}
	    {% if page.can-delete == 1 %}
	    <div class="be-section-entry">
		<p>{{page.title}}</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"
		       href="/edit/page/{{page.slug}}">
			<img alt="{{entry.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 '{{entry.title}}'"
				type="submit">
			    <img alt="Rename {{entry.title}}"
				 src="/images/icons/delete-entry.png">
			</button>
		    </form>
		    {% endif %}
		</div>
	    </div>
	    {% endif %}
	    {% endfor %}
	</div>
    </div>
</div>
{% endblock %}