{% extends "core/base.html" %}
{% block title %}Readings{% endblock %}
{% block content %}
<h1>Meter readings</h1>
<div class="cols">
  <section class="card">
    <h2>Quick entry</h2>
    <form method="post" class="form">{% csrf_token %}{{ form.as_div }}<button class="btn">Save reading</button></form>
  </section>
  <section class="card">
    <h2>Import CSV</h2>
    <form method="post" action="{% url 'readings_import' h.pk %}" enctype="multipart/form-data" class="form">{% csrf_token %}{{ import_form.as_div }}<button class="btn">Import</button></form>
    <p class="muted">Header optional. Rows are <code>YYYY-MM-DD,cumulative_kwh</code>. Existing dates are updated.</p>
  </section>
</div>
<section class="card">
  <h2>History ({{ count }} readings)</h2>
  <table>
    <tr><th>Reading date</th><th class="n">Cumulative kWh</th><th class="n">Days</th><th class="n">Units since previous</th><th class="n">Per day</th></tr>
    {% for r, units, days, per_day in pairs %}
    <tr><td>{{ r.date|date:"d M Y" }}</td><td class="n">{{ r.kwh }}</td><td class="n">{{ days }}</td>
      <td class="n">{% if units < 0 %}<span class="flag drop">decreased</span>{% else %}{{ units }}{% endif %}</td>
      <td class="n">{% if per_day is not None %}{{ per_day|floatformat:1 }}{% endif %}</td></tr>
    {% endfor %}
  </table>
</section>
{% endblock %}