<!DOCTYPE html>
<html>
<head>
<title>Aabogade 23A</title>
<link rel="stylesheet" type="text/css" href="../static/style/style.css" />
<script type="module" src="../static/js/23A.js"></script>
</head>
<body>
<header>
<h3> </h3>
<button id = "back"> ← </button>
<h1 class = "head2">Åbogade 23A Ground Floor</h1>
<br>
</header>
<div id = "popup">
<div class="popupcontrols">
<span id="popupclose">✖</span>
</div>
<div class="popupcontent">
<p>Temperature:</p>
<p>Noise: </p>
</div>
</div>
<img src = "../Images/P2P23A.png" alt = "Map of Åbogade 23A" class = "Map23A">
{% for latest_measurement in latest_measurements %}
{% if latest_measurement[0] == 'E', %}
<main>
<div style = "background-color: green;" class = "chair1" id = "chair1"></div>
</main>
{% elif latest_measurement[0] == 'T', %}
<main>
<div style = "background-color: red;" class = "chair1" id = "chair1"></div>
</main>
{%endif%}
{%endfor%}
{% for latest_measurement in latest_measurements %}
{% if latest_measurement[0] == 'E', %}
<main>
<div style = "background-color: green;" class = "chair2" id = "chair2"></div>
</main>
{% elif latest_measurement[0] == 'T', %}
<main>
<div style = "background-color: red;" class = "chair2" id = "chair2"></div>
</main>
{%endif%}
{%endfor%}
<div class = "chair2" id = "chair2"></div>
<div class = "aabogade">Åbogade</div>
<br>
<br>
<br>
</body>
</html>