{% extends "adminpanel/base.html" %}
{% load money %}
{% block title %}Revenue — admin{% endblock %}
{% block heading %}Revenue{% endblock %}

{% block content %}
<div class="pane">
  <div class="kpis">
    <div class="kpi"><div class="lbl">Last 6 months</div><div class="val">{{ total|naira }}</div><div class="sub">collected</div></div>
    <div class="kpi"><div class="lbl">Best month</div><div class="val">{{ best|naira }}</div><div class="sub">peak</div></div>
    <div class="kpi"><div class="lbl">Average</div><div class="val">{{ average|naira }}</div><div class="sub">per month</div></div>
    <div class="kpi"><div class="lbl">Clients paying</div><div class="val">{{ by_client|length }}</div><div class="sub">in this window</div></div>
  </div>

  <div class="panel">
    <div class="panel-h"><h2>Revenue, last 6 months</h2></div>
    <div class="panel-b mini-wrap"><div class="mini">
      {% for m in months %}<div style="height:{{ m.percent }}%" title="{{ m.total|naira }}"><span>{{ m.label }}</span></div>{% endfor %}
    </div></div>
  </div>

  <div class="split">
    <div class="panel">
      <div class="panel-h"><h2>Revenue by client</h2></div>
      <div style="overflow:auto"><table>
        <tr><th>Client</th><th>Collected</th><th>Share</th></tr>
        {% for row in by_client %}
        <tr><td>{{ row.client__company|default:row.client__user__first_name }}</td><td>{{ row.total|naira }}</td>
          <td style="min-width:120px"><div class="bar"><i style="width:{{ row.percent }}%"></i></div></td></tr>
        {% empty %}<tr><td colspan="3" class="muted">No payments yet.</td></tr>{% endfor %}
      </table></div>
    </div>
    <div class="panel">
      <div class="panel-h"><h2>Outstanding</h2></div>
      <div style="overflow:auto"><table>
        <tr><th>Invoice</th><th>Client</th><th>Balance</th></tr>
        {% for i in outstanding %}
        <tr><td><a href="{% url 'admin_invoice' i.number %}">{{ i.number }}</a><div class="mono">{{ i.get_status_display }}</div></td>
          <td>{{ i.client }}</td><td>{{ i.balance|naira }}</td></tr>
        {% empty %}<tr><td colspan="3" class="muted">Nothing outstanding.</td></tr>{% endfor %}
      </table></div>
    </div>
  </div>
</div>
{% endblock %}