{% extends "ledger/base.html" %}
{% load ledger_extras %}
{% block title %}Analytics · tripsplit{% endblock %}
{% block content %}
<h1>Analytics</h1><p class="sub">All figures in {{ base }}, converted at each expense's stored rate. Settlements are excluded.</p>
<div class="grid">
  <div class="card"><div class="muted">Total spend</div><div class="stat">{{ total }}</div></div>
  {% if burn %}
  <div class="card"><div class="muted">Burn rate</div><div class="stat">{{ daily_fmt }}/day</div>
    <div class="muted">over {{ burn.days_elapsed }} day{{ burn.days_elapsed|pluralize }}{% if burn.total_days %} of {{ burn.total_days }}{% endif %}</div>
    {% if burn.budget_used is not None %}<p>Budget {{ budget_fmt }}: <strong>{{ burn.budget_used|pct }}</strong> used
      {% if burn.on_track is not None %}<span class="pill {% if burn.on_track %}green{% else %}warn{% endif %}">{% if burn.on_track %}on track{% else %}over pace{% endif %}</span>{% endif %}</p>
    {% if projected_fmt %}<div class="muted">Projected total {{ projected_fmt }}</div>{% endif %}{% endif %}
  </div>{% endif %}
  {% if r.pays_most %}<div class="card"><div class="muted">Pays the most (paid / fair share)</div>
    <div class="stat">{{ r.pays_most.name }} <span class="muted">{{ r.pays_most.ratio|pct }}</span></div>
    <div class="muted">Lowest: {{ r.pays_least.name }} {{ r.pays_least.ratio|pct }}</div></div>{% endif %}
</div>
<div class="grid" style="margin-top:18px">
  <div class="card"><h2>Spend by category</h2>{{ category_chart }}</div>
  <div class="card"><h2>Paid by person</h2>{{ paid_chart }}</div>
  <div class="card"><h2>Fair share by person</h2>{{ share_chart }}</div>
</div>
<div class="card" style="margin-top:18px"><h2>Spend by day</h2>{{ daily_chart }}</div>
<div class="card"><h2>Fairness</h2>
  <table><thead><tr><th>Person</th><th class="num">Paid</th><th class="num">Share</th><th class="num">Paid / share</th></tr></thead>
  {% for p in r.people %}<tr><td>{{ p.name }}</td><td class="num">{{ p.paid|money:base }}</td><td class="num">{{ p.share|money:base }}</td><td class="num">{{ p.ratio|pct }}</td></tr>{% endfor %}</table>
</div>
{% endblock %}