{% extends "core/base.html" %}
{% block title %}Bills{% endblock %}
{% block content %}
<h1>Bills: computed vs actual</h1>
{% if mean_abs is not None %}<p>Across {{ compared }} bills with an actual amount, the engine is off by Rs {{ mean_abs|floatformat:2 }} on average.</p>{% endif %}
<div class="cols">
  <section class="card">
    <h2>Enter a bill</h2>
    <form method="post" class="form">{% csrf_token %}{{ form.as_div }}<button class="btn">Save bill</button></form>
  </section>
  <section class="card">
    <h2>From readings</h2>
    <p>Create a bill period for every pair of consecutive readings.</p>
    <form method="post" action="{% url 'bills_generate' h.pk %}">{% csrf_token %}<button class="btn">Generate bill periods</button></form>
  </section>
</div>
<section class="card">
  <table>
    <tr><th>Period</th><th class="n">Days</th><th class="n">Units</th><th class="n">Computed (Rs)</th><th class="n">Actual (Rs)</th><th class="n">Difference</th><th></th></tr>
    {% for i in items %}
    <tr><td>{{ i.bill.period_start|date:"d M Y" }} &rarr; {{ i.bill.period_end|date:"d M Y" }}</td><td class="n">{{ i.bill.days }}</td><td class="n">{{ i.bill.units }}</td>
      <td class="n">{{ i.calc.total|floatformat:"2g" }}</td>
      <td class="n">{% if i.bill.actual_amount is not None %}{{ i.bill.actual_amount|floatformat:"2g" }}{% else %}-{% endif %}</td>
      <td class="n">{% if i.diff is not None %}<span class="{% if i.diff == 0 %}ok{% elif i.diff > 0 %}over{% else %}under{% endif %}">{{ i.diff|floatformat:2 }}</span>{% endif %}</td>
      <td><a href="{% url 'bill_detail' h.pk i.bill.pk %}">Breakdown</a></td></tr>
    {% empty %}<tr><td colspan="7">No bills yet.</td></tr>{% endfor %}
  </table>
</section>
{% endblock %}