{% extends "alloc/base.html" %}
{% load alloc_extras %}
{% block title %}Whale curve{% endblock %}
{% block content %}
<h1>Whale curve</h1>
{% include "alloc/_selector.html" %}
<p class="tabs"><a class="{% if kind == 'customers' %}on{% endif %}" href="?period={{ sel }}&method={{ method }}&kind=customers">Customers</a>
<a class="{% if kind == 'products' %}on{% endif %}" href="?period={{ sel }}&method={{ method }}&kind=products">Products</a></p>
{% if curve %}
<p class="hint">Cumulative ABC profit, most profitable {{ kind }} first. The curve peaks at {{ curve.peak|money }} after {{ curve.peak_rank }} {{ kind }}; the {{ curve.losers }} least profitable ones erode it to {{ curve.total|money }}.</p>
<section><h2>ABC</h2>{% include "alloc/_whale.html" with s=svg %}</section>
<section><h2>Traditional costing (for comparison)</h2>{% include "alloc/_whale.html" with s=trad_svg %}
<p class="hint">Peak {{ trad.peak|money }}; {{ trad.losers }} loss-making {{ kind }} under traditional costing versus {{ curve.losers }} under ABC.</p></section>
<section><h2>Value destroyers</h2>
<table><tr><th>Rank</th><th>{{ kind|capfirst }}</th><th class="num">Profit</th><th class="num">Cumulative</th></tr>
{% for p in tail|slice:":15" %}<tr><td>{{ p.rank }}</td><td><a href="{% url 'detail' kind p.code %}?{{ qs }}">{{ p.code }}</a> {{ p.name }}</td><td class="num neg">{{ p.profit|money }}</td><td class="num">{{ p.cumulative|money }}</td></tr>{% endfor %}</table></section>
{% endif %}
{% endblock %}