{% extends "base.html" %}{% block content %}<div class="section-title"><div><h2>Payroll {{ period.year }}-{{ period.month|stringformat:"02d" }}</h2><div class="muted">{{ period.company }} · {{ period.get_status_display }} · Payment: {{ period.get_payment_status_display }}{% if period.payment_reference %} · Ref: {{ period.payment_reference }}{% endif %}</div></div><a class="btn secondary" href="{% url 'reports:payroll_csv' period.pk %}">Export CSV</a></div><div class="card"><div class="actions">{% if period.status == 'DRAFT' %}<form method="post" action="{% url 'payroll:period_build' period.pk %}">{% csrf_token %}<button class="btn" type="submit">Calculate / Recalculate</button></form>{% endif %}{% if period.status == 'DRAFT' %}<form method="post" action="{% url 'payroll:period_action' period.pk 'REVIEW' %}">{% csrf_token %}<button class="btn secondary">Send for Review</button></form>{% elif period.status == 'REVIEWED' %}<form method="post" action="{% url 'payroll:period_action' period.pk 'APPROVE' %}">{% csrf_token %}<button class="btn secondary">Send for Approval</button></form>{% elif period.status == 'APPROVED' %}<form method="post" action="{% url 'payroll:period_action' period.pk 'LOCK' %}">{% csrf_token %}<button class="btn warn">Send for Lock</button></form>{% elif period.status == 'LOCKED' %}{% if period.payment_status == 'UNPAID' %}<form method="post" action="{% url 'payroll:period_action' period.pk 'PAY' %}">{% csrf_token %}<button class="btn">Send Payment Posting to Accounts</button></form><form method="post" action="{% url 'payroll:period_action' period.pk 'UNLOCK' %}">{% csrf_token %}<input name="reason" placeholder="Unlock reason" style="width:280px;display:inline-block"><button class="btn danger">Unlock</button></form>{% else %}<span class="pill ok">Payment posted · {{ period.paid_at }}</span>{% endif %}{% endif %}</div></div><div class="card"><table><tr><th>Employee</th><th>Gross</th><th>OT</th><th>Bonus</th><th>Other Earn.</th><th>Attendance Ded.</th><th>Other Ded.</th><th>Loan</th><th>Net Payable</th><th>Payslip</th></tr>{% for r in records %}<tr><td>{{ r.employee }}{% if period.status == 'DRAFT' %}<details style="margin-top:6px"><summary class="muted" style="cursor:pointer">+ Payroll adjustment</summary><form method="post" action="{% url 'payroll:payroll_adjustment_create' period.pk r.pk %}" style="margin-top:8px">{% csrf_token %}<select name="adjustment_type" required><option value="EARNING">Earning</option><option value="DEDUCTION">Deduction</option></select><input name="amount" type="number" min="0.01" step="0.01" placeholder="Amount" required><input name="reference_no" placeholder="Reference"><input name="reason" placeholder="Reason" required><button class="btn secondary" type="submit">Add</button></form>{% if r.adjustments.all %}<div class="muted" style="margin-top:6px">Existing adjustments:{% for a in r.adjustments.all %} {{ a.adjustment_type }} {{ a.amount }}{% if a.reference_no %} ({{ a.reference_no }}){% endif %}{% if not forloop.last %};{% endif %}{% endfor %}</div>{% endif %}</details>{% endif %}</td><td>{{ r.gross_salary }}</td><td>{{ r.overtime_amount }}</td><td>{{ r.bonus_amount }}</td><td>{{ r.other_earnings }}</td><td>{{ r.attendance_deduction }}</td><td>{{ r.deduction_amount }}</td><td>{{ r.loan_recovery }}</td><td><b>{{ r.net_payable }}</b></td><td><a href="{% url 'reports:payslip' r.pk %}">View</a></td></tr>{% empty %}<tr><td colspan="10" class="empty">No payroll records. Calculate the period first.</td></tr>{% endfor %}</table></div>{% endblock %}