{% extends "admin-layout.html" %}

{% block title %}Pages - {% endblock %}

{% block content %}
	<div id="pages">
		<div class="well">
			<a href="{{ base_url }}/admin/pages/create" class="btn btn-primary pull-right">Create Page</a>
			<h1>Pages</h1>
			<table class="table">
				<thead>
					<tr>
						<th>Page</th>
						<th>Path</th>
						<th>Last Edited</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					{% for page in pages %}
						<tr>
							<td>{{ page.route }}</td>
							<td>{{ page.path }}</td>
							<td>{{ page.updated }}</td>
							<td style="text-align:right;">
								<a href="{{ base_url }}/{% if page.route != '/' %}{{ page.route }}{% endif %}" target="_blank" class="view"><span class="glyphicon glyphicon-eye-open"></span> View</a>
								<a href="{{ base_url }}/admin/pages/edit?file={{ page.path|url_encode }}" class="edit"><span class="glyphicon glyphicon-pencil"></span> Edit</a>
								<a href="{{ base_url }}/admin/pages/delete?file={{ page.path|url_encode }}" class="delete"><span class="glyphicon glyphicon-trash"></span> Delete</a>
							</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>

			{% if pagination.total_pages > 1 %}
				<nav>
					<ul class="pagination">
						{% if pagination.current_page > 1 %}
							<li><a href="{{ base_url }}/admin?page={{ pagination.current_page - 1 }}" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
						{% endif %}
						{% for i in 1..pagination.total_pages %}
							{% if i == pagination.current_page %}
								<li class="active"><a href="#">{{ i }}</a></li>
							{% else %}
								<li><a href="{{ base_url }}/admin?page={{ i }}">{{ i }}</a></li>
							{% endif %}
						{% endfor %}
						{% if pagination.current_page < pagination.total_pages %}
							<li><a href="{{ base_url }}/admin?page={{ pagination.current_page + 1 }}" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
						{% endif %}
					</ul>
				</nav>
			{% endif %}
		</div>
	</div>
{% endblock %}

{% block scripts %}
	<script>
	$('.delete').on('click', function(){
		return confirm('Are you sure you want to delete this page?');
	});
	</script>
{% endblock %}