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

<div class="page-header">
    <div>
        <div class="eyebrow">Reports</div>
        <h1>{{ title }}{% if subtitle %} &mdash; {{ subtitle }}{% endif %}</h1>
    </div>
    <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
        <a href="{{ url_for('reports_index') }}" class="btn btn-secondary">&larr; Back to Reports</a>
        <a href="{{ download_base }}/xlsx" class="btn btn-secondary">&#8659; Excel</a>
        <a href="{{ download_base }}/pdf" class="btn btn-primary" target="wagewise_pdf_preview">&#8659; PDF</a>
    </div>
</div>

<div class="panel" style="padding:0;overflow-x:auto;">
    <table class="ledger-table" style="font-size:12px;">
        <thead>
            <tr>
                {% for col in columns %}
                <th>{{ col }}</th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
            {% for row in rows %}
            <tr>
                {% for val in row %}
                <td {% if loop.index == 2 %}class="name-cell"{% endif %}>{{ val }}</td>
                {% endfor %}
            </tr>
            {% else %}
            <tr><td colspan="{{ columns|length }}" style="text-align:center;color:var(--color-ink-faint);padding:20px;">
                No records found.
            </td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}