<div class="box">
	<div class="box-header">
		<h3 class="box-title">Pages:</h3>
		<div class="box-tools pull-right">
			<a href="?p=pages&action=new"><span class="btn btn-success">New</span></a>
		</div>
	</div>
	<div class="box-body">
		<div class="row">
			<div class="col-sm-12">
				<table id="tb_pages">
					<thead>
					<tr>
						<th>Name</th>
						<th>Title</th>
						<th>PHP</th>
						<th style="width: 150px;">Options</th>
					</tr>
					</thead>
					<tbody>
					{% for page in pages %}
						<tr>
							<td>{{ page.link|raw }}</td>
							<td><i>{{ page.title }}</i></td>
							<td>{% if page.php %}Yes{% else %}No{% endif %}</td>
							<td>
								<a href="?p=pages&action=edit&id={{ page.id }}" class="ico" title="Edit"><span
											class="btn btn-success btn-sm edit btn-flat"><i
												class="fa fa-edit"></i></span></a>
								<a href="?p=pages&action=delete&id={{ page.id }}" class="ico"
								   onclick="return confirm('Are you sure?');" title="Delete"><span
											class="btn btn-danger btn-sm delete btn-flat"><i
												class="fa fa-trash"></i></span></a>
								<a href="?p=pages&action=hide&id={{ page.id }}" class="ico"
								   title="{% if page.hidden != 1 %}Hide{% else %}Show{% endif %}">
									{% if page.hidden != 1 %}
										<span class="btn btn-primary btn-sm btn-flat"><i
													class="fa fa-eye"></i></span>
									{% else %}
										<span class="btn btn-default btn-sm btn-flat"><i
													class="fa fa-eye-slash"></i></span>
									{% endif %}
								</a>
							</td>
						</tr>
					{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<script>
	$(function () {
		$('#tb_pages').DataTable()
	})
</script>
