{% extends "comp/base.html" %}
{% load comp_extras %}
{% block title %}Statement {{ st.period.label }}{% endblock %}
{% block content %}
<div class="head"><div><h1>Statement {{ st.period.label }}</h1><p class="muted">{{ st.rep.name }} · <span class="tag {{ st.period.status }}">{{ st.period.status }}</span></p></div></div>
<div class="grid3">
<div class="card"><div class="muted">Earnings</div><div class="big">{{ st.earnings|money }}</div></div>
<div class="card"><div class="muted">Attainment YTD</div><div class="big">{{ st.attainment|pct }}</div><div class="muted">{{ st.credit_ytd|money }} of {{ st.quota|money }}</div></div>
<div class="card"><div class="muted">Net pay</div><div class="big">{{ st.net_pay|money }}</div><div class="muted">draw {{ st.draw_paid|money }} · carried {{ st.balance_in|money }} in, {{ st.balance_out|money }} out{% if st.forgiven %} · forgiven {{ st.forgiven|money }}{% endif %}</div></div>
</div>
<div class="card"><h2>Lines</h2>
<table class="lines"><thead><tr><th>Date</th><th>Type</th><th>Description</th><th class="num">Amount</th></tr></thead>
{% for l in lines %}
<tr><td>{{ l.event_date|default:"" }}</td><td><span class="tag k-{{ l.kind }}">{{ l.kind }}</span></td>
<td><details><summary>{{ l.description }}{% if l.disputes.all %} <span class="tag open">disputed</span>{% endif %}</summary>
<div class="trace"><p class="formula">{{ l.trace.formula }}</p>
{% if l.trace.inputs %}<ul>{% for k, v in l.trace.inputs.items %}{% if v|is_list %}<li><b>{{ k }}</b><ul>{% for x in v %}<li>{{ x }}</li>{% endfor %}</ul></li>{% else %}<li><b>{{ k }}</b>: {{ v }}</li>{% endif %}{% endfor %}</ul>{% endif %}
{% if l.deal %}<p>Deal: <a href="{% if user.is_staff %}{% url 'deal' l.deal.pk %}{% else %}#{% endif %}">{{ l.deal.external_id }}</a> ({{ l.deal.customer }}, closed {{ l.deal.close_date }})</p>{% endif %}
{% if l.ref_line %}<p>Reverses line from {{ l.ref_line.statement.period.label }}: {{ l.ref_line.description }} ({{ l.ref_line.amount|money }})</p>{% endif %}
<form method="post" action="{% url 'dispute_create' l.pk %}" class="inline">{% csrf_token %}<input name="reason" placeholder="Why is this line wrong?" required><button class="btn small">Dispute</button></form>
</div></details></td>
<td class="num {% if l.amount < 0 %}neg{% endif %}">{{ l.amount|money }}</td></tr>
{% endfor %}
<tr class="total"><td colspan="3">Total earnings</td><td class="num">{{ st.earnings|money }}</td></tr></table></div>
{% endblock %}