{% extends "core/base.html" %}{% load cohortly %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<div class="head"><h1>Dashboard <small>{{ month }} &middot; {{ currency }}</small></h1>
  <div class="actions"><a class="btn" href="?{{ filter_qs }}{% if filter_qs %}&{% endif %}format=csv">Export CSV</a>
  <form method="post" action="{% url 'recompute' %}">{% csrf_token %}<button class="btn">Recompute</button></form></div></div>
<section class="kpis">
{% for k in kpis %}
  <div class="kpi"><div class="l">{{ k.label }}</div>
    <div class="v">{% if k.kind == "money" %}{{ k.value|money }}{% elif k.kind == "money2" %}{{ k.value|money:2 }}{% elif k.kind == "int" %}{{ k.value }}{% elif k.kind == "pct" %}{{ k.value|pct }}{% elif k.kind == "pct2" %}{{ k.value|pct:2 }}{% else %}{{ k.value|num:2 }}{% endif %}</div>
    <div class="d {% if k.delta is None %}flat{% elif k.delta >= 0 %}{% if k.good_up %}good{% else %}bad{% endif %}{% else %}{% if k.good_up %}bad{% else %}good{% endif %}{% endif %}">
      {% if k.delta is None %}&ndash;{% elif k.delta_kind == "pct" %}{{ k.delta|pct }}{% else %}{% if k.kind == "num" %}{{ k.delta|signed:2 }}{% else %}{{ k.delta|pts }}{% endif %}{% endif %}
      <span>vs prior month</span></div></div>
{% endfor %}
</section>
<section class="card">{{ chart|safe }}
  <p class="legend"><i class="b-new"></i>New <i class="b-reactivation"></i>Reactivation <i class="b-expansion"></i>Expansion <i class="b-contraction"></i>Contraction <i class="b-churn"></i>Churn</p></section>
<section class="card"><h2>Last 12 months</h2>
<div class="scroll"><table>
<thead><tr><th>Month</th><th class="r">Opening</th><th class="r">New</th><th class="r">React.</th><th class="r">Expansion</th><th class="r">Contraction</th><th class="r">Churn</th><th class="r">Closing</th><th class="r">Customers</th><th class="r">NRR</th><th class="r">GRR</th><th class="r">Quick</th></tr></thead>
<tbody>{% for m in metrics %}<tr><td>{{ m.month|slice:":7" }}</td><td class="r">{{ m.opening|money }}</td><td class="r pos">{{ m.new|money }}</td><td class="r pos">{{ m.reactivation|money }}</td><td class="r pos">{{ m.expansion|money }}</td><td class="r neg">{{ m.contraction|money }}</td><td class="r neg">{{ m.churn|money }}</td><td class="r"><b>{{ m.closing|money }}</b></td><td class="r">{{ m.customers }}</td><td class="r">{{ m.nrr|pct }}</td><td class="r">{{ m.grr|pct }}</td><td class="r">{{ m.quick_ratio|num:2 }}</td></tr>{% endfor %}</tbody></table></div></section>
{% endblock %}