{% extends "base.html" %}{% block content %}<div class="section-title"><div><h2>Payroll Periods</h2><div class="muted">Monthly payroll processing</div></div><a class="btn" href="{% url 'payroll:period_create' %}">Create Period</a></div><div class="card"><table><tr><th>Period</th><th>Company</th><th>Status</th><th>Locked At</th><th></th></tr>{% for p in periods %}<tr><td>{{ p.year }}-{{ p.month|stringformat:"02d" }}</td><td>{{ p.company }}</td><td><span class="pill {% if p.status == 'LOCKED' %}ok{% endif %}">{{ p.get_status_display }}</span></td><td>{{ p.locked_at|date:"Y-m-d H:i"|default:"—" }}</td><td><a href="{% url 'payroll:period_detail' p.pk %}">Open</a></td></tr>{% empty %}<tr><td colspan="5" class="empty">No payroll periods.</td></tr>{% endfor %}</table></div>{% if page_obj and page_obj.paginator.num_pages > 1 %}<div class="card"><div class="actions">{% if page_obj.has_previous %}<a class="btn secondary" href="?page={{ page_obj.previous_page_number }}">Previous</a>{% endif %}<span class="muted">Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }} · {{ page_obj.paginator.count }} records</span>{% if page_obj.has_next %}<a class="btn secondary" href="?page={{ page_obj.next_page_number }}">Next</a>{% endif %}</div></div>{% endif %}{% endblock %}