{% extends "comp/base.html" %}
{% load comp_extras %}
{% block content %}
<div class="head"><h1>Analytics</h1><form method="get"><select name="period" onchange="this.form.submit()">{% for p in periods %}<option value="{{ p.id }}" {% if p.id == period.id %}selected{% endif %}>{{ p.label }}</option>{% endfor %}</select></form></div>
{% if period %}
<div class="grid3">
<div class="card"><div class="muted">Commission earned YTD</div><div class="big">{{ earned|money }}</div></div>
<div class="card"><div class="muted">New ACV booked YTD</div><div class="big">{{ acv|money }}</div></div>
<div class="card"><div class="muted">Cost of sales (commission / ACV)</div><div class="big">{{ cost_of_sales|floatformat:2 }}%</div></div>
</div>
<div class="card"><h2>AE attainment distribution ({{ n_reps }} reps)</h2>{{ att_svg|safe }}</div>
<div class="card"><h2>YTD payout distribution (reps per earnings band)</h2>{{ pay_svg|safe }}</div>
{% endif %}
{% endblock %}