{% extends "base.html" %}
{% block title %}Payroll Runs · WageWise Neo{% endblock %}
{% block content %}

<div class="page-header">
    <div>
        <div class="eyebrow">Workspace</div>
        <h1>Payroll Runs</h1>
    </div>
    <a href="{{ url_for('payroll_new') }}" class="btn btn-primary">+ New Run</a>
</div>

<div class="panel">
    {% if runs %}
    <table class="ledger-table">
        <thead>
            <tr>
                <th>Period</th>
                <th>Status</th>
                <th>Created</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for run in runs %}
            <tr>
                <td class="name-cell">
                    {{ ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][run.month-1] }}
                    {{ run.year }}
                </td>
                <td>
                    <span class="stamp {{ 'active' if run.status == 'finalized' else 'neutral' }}">
                        {{ run.status }}
                    </span>
                </td>
                <td class="meta">{{ run.created_at[:10] }}</td>
                <td><a href="{{ url_for('payroll_view', run_id=run.id) }}" class="btn btn-secondary">View</a></td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <div class="empty-state">
        <div class="glyph">&mdash;</div>
        <p>No payroll runs yet. Mark attendance first, then generate a run.</p>
        <a href="{{ url_for('payroll_new') }}" class="btn btn-primary">Generate First Run</a>
    </div>
    {% endif %}
</div>

{% endblock %}