{% extends "base.html" %}

{% block contenuto %}
<h1>Aria nelle aule</h1>
<p class="meta">La pagina si aggiorna da sola ogni 3 secondi.</p>

{# Nessun sensore ancora? Diciamo cosa fare #}
{% if not sensori %}
  <p class="flash">In attesa dei dati… Avviate un sensore in un altro terminale: <code>python sensore.py</code></p>
{% endif %}

{# Una scheda per ogni sensore: nome = "aula-5A", m = la sua ultima misura #}
<div class="griglia">
  {% for nome, m in sensori %}
    <div class="scheda">
      <h2>🏫 {{ nome }}</h2>
      <p class="valore">🌡️ {{ m.temperatura }} °C</p>
      <p>💧 Umidità {{ m.umidita }} %</p>
      <p>🫁 CO₂ {{ m.co2 }} ppm</p>
      <p class="meta">ultima misura alle {{ m.ora }}</p>
    </div>
  {% endfor %}
</div>
{% endblock %}