{% extends "base.html" %}
{% block title %}<title>DNS Control Panel - Admin Console</title>{% endblock %}

{% block dashboard_stat %}
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		History <small>Recent PowerDNS-Admin events</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="{{ url_for('dashboard') }}"><i
				class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">Admin Console</li>
	</ol>
</section>
{% endblock %}

{% block content %}
<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header">
					<h3 class="box-title">Statistics</h3>
				</div>
				<div class="box-body">
					<table id="tbl_statistics" class="table table-bordered table-striped">
						<thead>
							<tr>
								<th width="6%">Docs</th>
								<th>Statistic</th>
								<th>Value</th>
							</tr>
						</thead>
						<tbody>
							{% for statistic in statistics %}
							<tr class="odd gradeX">
								<td><a
									href="https://google.com/search?q=site:doc.powerdns.com+{{ statistic['name'] }}"
									target="_blank" class="btn btn-xs blue"><i
										class="fa fa-search"></i></a></td>
								<td>{{ statistic['name'] }}</td>
								<td>{{ statistic['value'] }}</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
				<!-- /.box-body -->
			</div>
			<!-- /.box -->
		</div>
		<!-- /.col -->
	</div>
	<!-- /.row -->
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header">
					<h3 class="box-title">Configuration</h3>
				</div>
				<div class="box-body">
					<table id="tbl_configuration" class="table table-bordered table-striped">
						<thead>
							<tr>
								<th width="6%">Docs</th>
								<th>Statistic</th>
								<th>Value</th>
							</tr>
						</thead>
						<tbody>
							{% for config in configs %}
							<tr class="odd gradeX">
								<td><a
									href="https://google.com/search?q=site:doc.powerdns.com+{{ config['name'] }}"
									target="_blank" class="btn btn-xs blue"><i
										class="fa fa-search"></i></a></td>
								<td>{{ config['name'] }}</td>
                                    <td>
                                        {{ config['value'] }}
                                    </td>
                                </tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
				<!-- /.box-body -->
			</div>
			<!-- /.box -->
		</div>
		<!-- /.col -->
	</div>
	<!-- /.row -->
</section>
{% endblock %}
{% block extrascripts %}
<script>
// set up statistics data table
$("#tbl_statistics").DataTable({
	"paging" : true,
	"lengthChange" : false,
	"searching" : true,
	"ordering" : true,
	"info" : true,
	"autoWidth" : false
});

// set up configuration data table
$("#tbl_configuration").DataTable({
	"paging" : true,
	"lengthChange" : false,
	"searching" : true,
	"ordering" : true,
	"info" : true,
	"autoWidth" : false
});
</script>
{% endblock %}