{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
    <h3 class="mb-4">Salary Slips</h3>
    <table class="table table-bordered table-striped">
        <thead class="table-dark">
            <tr>
                <th>Month</th>
                <th>Employee</th>
                <th>Gross Pay</th>
                <th>Net Pay</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for record in records %}
            <tr>
                <td>{{ record.month }}</td>
                <td>{{ record.employee.full_name }}</td>
                <td>₹{{ '%.2f'|format(record.gross_pay) }}</td>
                <td>₹{{ '%.2f'|format(record.net_pay) }}</td>
                <td>
                    <a class="btn btn-sm btn-primary"
                       href="{{ url_for('payroll.view_salary_slip', employee_id=record.employee_id, month=record.month) }}">View</a>
                    <a class="btn btn-sm btn-success"
                       href="{{ url_for('payroll.download_salary_slip_pdf', employee_id=record.employee_id, month=record.month) }}">PDF</a>
                </td>
            </tr>
            {% else %}
            <tr><td colspan="5">No salary slips found.</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}