{% extends "base.html" %}
{% set skip_session_check = true %}
{% block title %}Payslip Results · WageWise Neo{% endblock %}
{% block content %}

<div class="page-header">
    <div>
        <div class="eyebrow">Reports · Payslip Generator</div>
        <h1>Generated Payslips</h1>
    </div>
    <div>
        <a href="{{ url_for('payslip_generator') }}" class="btn btn-secondary">&larr; New Selection</a>
    </div>
</div>

{% if no_selection %}
<div class="panel">
    <p>Please select at least one employee and one month, then try again.</p>
</div>
{% elif not results %}
<div class="panel">
    <p>No payslips found for that combination of employees and months. They may not have been included in those payroll runs.</p>
</div>
{% else %}

<form method="post" action="{{ url_for('payslip_generator_download_zip') }}">
<div class="panel" style="margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;">
    <p style="margin:0;font-size:13px;">
        <strong>{{ results|length }}</strong> payslip(s) found.
        <a href="#" onclick="toggleAll(true); return false;">Select all</a> ·
        <a href="#" onclick="toggleAll(false); return false;">Select none</a>
    </p>
    <button type="submit" class="btn btn-primary">&#8659; Download Selected as ZIP</button>
</div>

<div class="panel" style="padding:0;overflow-x:auto;">
    <table class="ledger-table" style="font-size:13px;">
        <thead>
            <tr>
                <th style="width:36px;"></th>
                <th>Employee</th>
                <th>Period</th>
                <th class="num">Action</th>
            </tr>
        </thead>
        <tbody>
            {% for r in results %}
            <tr>
                <td><input type="checkbox" name="combo" value="{{ r.combo }}" class="row-check" checked></td>
                <td class="name-cell">{{ r.full_name }}</td>
                <td>{{ r.period }}</td>
                <td class="num">
                    <a href="{{ url_for('payslip_pdf', run_id=r.run_id, employee_id=r.employee_id) }}"
                       target="wagewise_pdf_preview" class="btn btn-secondary" style="padding:4px 12px;font-size:12px;">View PDF</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
</form>

<script>
function toggleAll(checked) {
    document.querySelectorAll('.row-check').forEach(function(cb) { cb.checked = checked; });
}
</script>

{% endif %}
{% endblock %}