{% extends 'layout.html' %}

{% block title %} Device Data: {% endblock %}

{% block content %}

<div class="row">
	<div class="col-md-6 col-md-offset-3">
		<p>Last 5 messages:</p>
		
		<table class="table">
			<thead>
				<th>Time</th>
				<th>Content</th>
			</thead>
			<tbody>
			{% for d in data %}
			<tr>
				<th> {{ d[1] }} </th>
				<th> {{ d[2] }} </th>
			</tr>
			{% endfor %}
			</tbody>
		</table>

		<p>Total: {{ total }} messages.</p>

		<a href="/data-csv"><button type="submit" class="btn btn-primary">Download CSV</button></a>
	</div>
</div>

<script type="text/javascrypt">
function conf() {
	return confirm("Are you sure? It will remove all device data.")
}
</script>

{% endblock %}