{% extends "base.html" %}
{% block title %}Dashboard{% endblock %}
{% block body %}
<h1>Dashboard <span class="muted">— {{ period }}</span></h1>
<form class="inline" method="get" action="/">
  Period <select name="period" onchange="this.form.submit()">
    {% for p in periods %}<option value="{{ p.label }}" {{ 'selected' if p.label==period }}>{{ p.label }}</option>{% endfor %}
  </select>
</form>

<h2>Net worth &amp; results</h2>
<div>
  <div class="card"><div class="k">Net worth</div><div class="v">{{ nw.net_worth|c }}</div></div>
  <div class="card"><div class="k">Assets</div><div class="v">{{ nw.assets|c }}</div></div>
  <div class="card"><div class="k">Liabilities</div><div class="v">{{ nw.liabilities|c }}</div></div>
  <div class="card"><div class="k">Income ({{ period }})</div><div class="v">{{ isr.total_income|c }}</div></div>
  <div class="card"><div class="k">Expense ({{ period }})</div><div class="v">{{ isr.total_expense|c }}</div></div>
  <div class="card"><div class="k">Net income</div><div class="v {{ 'pos' if isr.net_income>=0 else 'neg' }}">{{ isr.net_income|c }}</div></div>
</div>

<h2>KPIs</h2>
<table>
<tr><th>KPI</th><th class="n">Value</th><th>Target</th><th>Explanation</th></tr>
{% for code, d in kdefs.items() %}
<tr>
  <td>{{ d.name }}</td>
  <td class="n">
    {% set v = k[code] %}
    {% if d.unit=='percent' %}{{ v|pct }}{% elif d.unit=='currency' %}{{ v|c }}{% elif d.unit=='months' %}{{ '%.1f'|format(v) }} mo{% else %}{{ v }}{% endif %}
  </td>
  <td class="muted">{% if d.target_threshold is not none %}{{ d.target_threshold }}{% else %}—{% endif %}</td>
  <td class="muted">{{ d.explanation }}</td>
</tr>
{% endfor %}
</table>

<h2>Cash flow ({{ period }})</h2>
<div>
  <div class="card"><div class="k">Operating</div><div class="v">{{ cf.operating|c }}</div></div>
  <div class="card"><div class="k">Investing</div><div class="v">{{ cf.investing|c }}</div></div>
  <div class="card"><div class="k">Financing</div><div class="v">{{ cf.financing|c }}</div></div>
  <div class="card"><div class="k">Net change in cash</div><div class="v">{{ cf.net|c }}</div></div>
</div>

<h2>Reconciliation status</h2>
<table>
<tr><th>Account</th><th>Statement</th><th>Status</th><th class="n">Difference</th></tr>
{% for r in recs %}
<tr>
  <td>{{ r.name }}</td><td>{{ r.period_label }}</td>
  <td>{% if r.is_reconciled %}<span class="pill ok">reconciled</span>{% elif r.is_reconciled==0 %}<span class="pill bad">out of balance</span>{% else %}<span class="pill mut">not run</span>{% endif %}</td>
  <td class="n">{{ (r.difference_cents or 0)|c }}</td>
</tr>
{% endfor %}
</table>
{% endblock %}