{% extends "core/base.html" %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<h1>Dashboard</h1>
<div class="stats">
  <div class="stat"><b>{{ rate }}%</b><span>Touchless match rate</span><small>{{ touchless }} of {{ total }} invoices</small></div>
  <div class="stat"><b>{{ open_count }}</b><span>Open exceptions</span><small><a href="{% url 'inbox' %}?role=all">view inbox</a></small></div>
  <div class="stat"><b>{% if cycle is not None %}{{ cycle|floatformat:1 }} d{% else %}n/a{% endif %}</b><span>Avg cycle time</span><small>received to approved</small></div>
  <div class="stat"><b>{{ approved_count }}</b><span>Approved, awaiting payment</span><small><a href="{% url 'payments' %}">payment proposal</a></small></div>
</div>
<div class="grid2">
  <section class="card"><h2>Exception aging (open)</h2>
    {% for label, n in aging %}<div class="bar"><span>{{ label }}</span><i style="width: {% widthratio n aging_max 100 %}%"></i><em>{{ n }}</em></div>{% endfor %}
  </section>
  <section class="card"><h2>Exceptions by type</h2>
    {% for label, n in by_type %}<div class="bar"><span>{{ label }}</span><i style="width: {% widthratio n type_max 100 %}%"></i><em>{{ n }}</em></div>{% empty %}<p class="muted">No exceptions yet.</p>{% endfor %}
  </section>
</div>
{% endblock %}