{% extends "core/base.html" %}
{% block title %}Appliances{% endblock %}
{% block content %}
<h1>Appliance inventory</h1>
{% if attribution %}
<form method="get" class="inline">
  <label>Attribute month
    <select name="month" onchange="this.form.submit()">{% for v, l in options %}<option value="{{ v }}" {% if v == selected %}selected{% endif %}>{{ l }}</option>{% endfor %}</select>
  </label>
  <noscript><button class="btn">Show</button></noscript>
</form>
<p>Metered <b>{{ attribution.metered|floatformat:0 }}</b> units; raw profiles add up to <b>{{ attribution.estimated|floatformat:0 }}</b>. Scaling factor {{ attribution.scale|floatformat:2 }}, confidence <span class="conf {{ attribution.label }}">{{ attribution.label }} ({{ attribution.confidence|floatformat:2 }})</span>.</p>
{% endif %}
<section class="card">
  <table>
    <tr><th>Appliance</th><th>Kind</th><th class="n">Qty</th><th class="n">Watts</th><th class="n">Hours/day</th><th class="n">Stars</th><th class="n">kWh</th><th class="n">Share</th><th class="n">Cost (Rs)</th><th></th></tr>
    {% for i in items %}
    <tr><td><a href="{% url 'appliance_edit' h.pk i.obj.pk %}">{{ i.obj.name }}</a></td><td>{{ i.obj.get_kind_display }}</td><td class="n">{{ i.obj.quantity }}</td><td class="n">{{ i.obj.rated_watts|floatformat:"-1" }}</td><td class="n">{{ i.obj.hours_per_day|floatformat:"-1" }}</td><td class="n">{{ i.obj.star_rating|default:"-" }}</td>
      <td class="n">{{ i.kwh|floatformat:1 }}</td><td class="n"><span class="share"><i style="width:{{ i.bar|floatformat:1 }}%"></i></span> {{ i.share|floatformat:0 }}%</td><td class="n">{{ i.cost|floatformat:0 }}</td>
      <td><form method="post" action="{% url 'appliance_delete' h.pk i.obj.pk %}">{% csrf_token %}<button class="link">remove</button></form></td></tr>
    {% empty %}<tr><td colspan="10">No appliances yet.</td></tr>{% endfor %}
  </table>
  <p><a class="btn" href="{% url 'appliance_new' h.pk %}">Add appliance</a> <a href="{% url 'whatif' h.pk %}">See what-if savings</a></p>
</section>
{% endblock %}