{% extends 'layout.html' %}

{% block headline %}{% block title %}Dashboard{% endblock %}{% endblock %}

{% block content %}
<main>
	{% if deviceList|length == 0 %}
Hmmm nothing seems to be logged yet
	{% endif %}
	{% for entry in deviceList %}

 	<h2> {{ entry.name }} | {{ entry.location }} </h2>
	<table>
		<tr>
			{% if entry.location != "status" %}
			<td>
				<figure>
					<embed type="image/png" src="/graph/humidity-temperature.png?deviceId={{ entry.deviceId }}&type={{ entry.location}}" />
				</figure>
			</td>

			<td>
				<figure>
					<embed type="image/png" src="/graph/pressure.png?deviceId={{ entry.deviceId }}&type={{ entry.location}}" />
				</figure>
			</td>
			{% else %}
			<td>
				<figure>
					<embed type="image/png" src="/graph/battery.png?deviceId={{ entry.deviceId }}" />
				</figure>
			</td>
			{% endif %}
		</tr>
	  
	</table>

	{% endfor %}

</main>
{% endblock %}

{% block footer %} Best by: {{ generatedAt }} {% endblock %}