{% extends "core/base.html" %}{% load fmt %}
{% block title %}{{ customer.name }}{% endblock %}
{% block content %}
<p class="crumb"><a href="{% url 'customers' %}">&larr; All customers</a></p>
<h1>{{ customer.name }}</h1>
<p class="sub">{{ customer.segment }} &middot; {{ customer.terms_days }}-day terms</p>
<div class="kpis">
  <div class="kpi"><span>Settled invoices</span><strong>{{ n }}</strong></div>
  <div class="kpi"><span>Own-data weight</span><strong>{{ weight|floatformat:0 }}%</strong><small>n / (n + {{ k|floatformat:0 }})</small></div>
  <div class="kpi"><span>Empirical mean days late</span><strong>{% if emp_mean is None %}n/a{% else %}{{ emp_mean|floatformat:1 }}{% endif %}</strong></div>
  <div class="kpi"><span>Segment prior mean</span><strong>{{ prior_mean|floatformat:1 }}</strong></div>
  <div class="kpi"><span>Blended mean</span><strong>{{ blend_mean|floatformat:1 }}</strong></div>
  <div class="kpi"><span>Median / p90 late</span><strong>{{ p50 }} / {{ p90 }} d</strong></div>
</div>
<section class="card"><h2>Days paid after due date</h2>
<svg class="chart" viewBox="0 0 {{ hist.w }} {{ hist.h }}" role="img" aria-label="Histogram of days late">
{% for b in hist.bars %}<rect class="bar {% if b.late %}late{% endif %}" x="{{ b.x }}" y="{{ b.y }}" width="{{ b.w }}" height="{{ b.h }}"><title>{{ b.label }} days: {{ b.count }} invoice(s)</title></rect>
<text class="ax" x="{{ b.lx }}" y="{{ hist.plot_bottom|add:18 }}" text-anchor="middle">{{ b.label }}</text>
{% if b.count %}<text class="ax" x="{{ b.lx }}" y="{{ b.y|add:-4 }}" text-anchor="middle">{{ b.count }}</text>{% endif %}{% endfor %}
<line class="grid" x1="{{ hist.plot_left }}" x2="{{ hist.plot_right }}" y1="{{ hist.plot_bottom }}" y2="{{ hist.plot_bottom }}"/>
</svg>
<p class="legend"><i class="sw" style="background:#16a34a"></i> on time or early <i class="sw" style="background:#dc2626"></i> late (5-day buckets)</p></section>
<section class="card"><h2>Open invoices and expected payment</h2>
<table class="t"><thead><tr><th>Invoice</th><th>Due</th><th class="r">Overdue</th><th class="r">Outstanding</th><th class="r">Most likely week</th><th class="r">Probability</th><th class="r">Beyond 13 wks</th></tr></thead><tbody>
{% for o in open_rows %}<tr><td>{{ o.r.number }}</td><td>{{ o.r.due|date:"j M Y" }}</td><td class="r">{% if o.overdue %}{{ o.overdue }} d{% endif %}</td><td class="r">{{ o.r.outstanding|inr }}</td>
<td class="r">{% if o.best_week %}{{ o.best_week }}{% else %}after horizon{% endif %}</td><td class="r">{{ o.best_p|floatformat:0 }}%</td><td class="r">{{ o.beyond|floatformat:0 }}%</td></tr>{% empty %}<tr><td colspan="7">No open invoices.</td></tr>{% endfor %}
</tbody></table></section>
{% endblock %}