{% extends 'easycms/base.html' %}

{% block easycms_title %}Preview Page: {{ page.title }}{% endblock %}

{% block easycms_h1 %}{% endblock easycms_h1 %}

{% block easycms_content %}
	<div class="button-list">
		<a class="btn btn-secondary" href="{{ url_for('.view_pages') }}">
			<span class="oi" data-glyph="arrow-left"></span> Back to Pages
		</a>
		{% if access_control.can_edit_page() %}
			<a class="btn btn-primary" href="{{ url_for('.edit_page', page_id=page.id) }}">
				<span class="oi" data-glyph="pencil"></span> Edit Page
			</a>
		{% endif %}
	</div>

	<div class="preview">
		<h1>{{ page.title }}</h1>
		{% if page.disabled %}
			<h2 class="info text-center">DISABLED</h2>
		{% endif %}

		{{ page.content | safe }}
	</div>
	
	<hr style="margin-top: 100px;">

	<h4>Page Attributes:</h4>

	<table class="table table-bordered" style="width: initial;">
		<tr>
			<th>Created</th>
			<td>{{ page.created | easycms_format_datetime }}</td>
		</tr>
		<tr>
			<th>Code (URL Name)</th>
			<td>{{ page.code }} </td>
		</tr>
	</table>
{% endblock %}