{% extends "comp/base.html" %}
{% load comp_extras %}
{% block content %}
<div class="head"><div><h1>Period {{ period.label }}</h1><p><span class="tag {{ period.status }}">{{ period.status }}</span></p></div>
<form method="post" class="inline">{% csrf_token %}
<div class="flow"><span class="{% if period.status == 'open' %}on{% endif %}">Open</span> &rarr; <span class="{% if period.status == 'calculated' %}on{% endif %}">Calculated</span> &rarr; <span class="{% if period.status == 'approved' %}on{% endif %}">Approved</span> &rarr; <span class="{% if period.status == 'locked' %}on{% endif %}">Locked</span></div>
{% if period.status == 'open' or period.status == 'calculated' %}<button class="btn" name="action" value="calculate">Calculate</button>{% endif %}
{% if period.status == 'calculated' %}<button class="btn" name="action" value="approve">Approve</button>{% endif %}
{% if period.status == 'approved' %}<button class="btn secondary" name="action" value="reopen">Reopen</button><button class="btn" name="action" value="lock">Lock</button>{% endif %}
</form></div>
{% if period.status == 'approved' or period.status == 'locked' %}<p><a class="btn secondary" href="{% url 'period_export' period.pk 'payroll' %}">Payroll CSV</a> <a class="btn secondary" href="{% url 'period_export' period.pk 'journal' %}">Journal entry CSV</a></p>{% endif %}
<div class="card"><table><thead><tr><th>Rep</th><th class="num">Attainment</th><th class="num">Earnings</th><th class="num">Draw</th><th class="num">Balance out</th><th class="num">Net pay</th><th></th></tr></thead>
{% for s in stmts %}<tr><td>{{ s.rep.name }}</td><td class="num">{{ s.attainment|pct }}</td><td class="num">{{ s.earnings|money }}</td><td class="num">{{ s.draw_paid|money }}</td><td class="num">{{ s.balance_out|money }}</td><td class="num">{{ s.net_pay|money }}</td><td><a href="{% url 'statement' s.pk %}">Review</a></td></tr>
{% empty %}<tr><td colspan="7" class="muted">Nothing calculated yet.</td></tr>{% endfor %}
<tr class="total"><td colspan="2">Totals</td><td class="num">{{ totals.e|money }}</td><td></td><td></td><td class="num">{{ totals.n|money }}</td><td></td></tr></table></div>
{% endblock %}