{% extends "layouts/authenticated.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Past Transactions - {{ brand_name }}{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/transactions.css">
{% endblock %}
{% block content %}
{{ ui.page_header(
    'Past Transactions',
    'Review completed sales, returns, and payment details.'
) }}

<div class="hil-page-tools">
    {{ ui.button('Admin Dashboard', '/admin', 'secondary') }}
    {{ ui.button('Help Center', '/help-center', 'secondary') }}
    {{ ui.button('Back to Sales', '/sales', 'secondary') }}
    {{ ui.button('Logout', '/logout', 'danger') }}
</div>

{% call ui.table_shell('Transaction History') %}
    {% if sales %}
    <table>
        <thead>
            <tr>
                <th>Receipt #</th>
                <th>Date</th>
                <th>Total</th>
                <th>Payment</th>
                <th>Cash Received</th>
                <th>Change</th>
                <th>Returned</th>
                <th>Net</th>
                <th>Status</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            {% for sale in sales %}
            <tr>
                <td><b>{{ sale[4] or 'RCP-' ~ '%06d'|format(sale[0]) }}</b></td>
                <td>{{ sale[2] }}</td>
                <td>{{ currency_symbol }} {{ "%.2f"|format(sale[1]) }}</td>
                <td>{{ sale[5]|title if sale[5] else 'Unknown' }}</td>
                <td>
                    {% if sale[5] == 'cash' and sale[6] is not none %}
                        {{ currency_symbol }} {{ "%.2f"|format(sale[6]) }}
                    {% else %}
                        -
                    {% endif %}
                </td>
                <td>
                    {% if sale[5] == 'cash' and sale[7] is not none %}
                        {{ currency_symbol }} {{ "%.2f"|format(sale[7]) }}
                    {% else %}
                        -
                    {% endif %}
                </td>
                <td>{{ currency_symbol }} {{ "%.2f"|format(sale[3] or 0) }}</td>
                <td>{{ currency_symbol }} {{ "%.2f"|format(sale[1] - (sale[3] or 0)) }}</td>
                <td>
                    {% if sale[3] and sale[3] > 0 %}
                        {{ ui.status_pill('Partially Returned', 'warning') }}
                    {% else %}
                        {{ ui.status_pill('Paid', 'success') }}
                    {% endif %}
                </td>
                <td>
                    {{ ui.button('View', '/receipt/' ~ sale[0], 'secondary', 'sm') }}
                    {{ ui.button('Return', '/return-goods?search=' ~ sale[0], 'secondary', 'sm') }}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    {{ ui.empty_state('No transactions found.', 'There are no transaction records to display yet.') }}
    {% endif %}
{% endcall %}

{{ ui.pagination(page, total_pages, '/transactions') }}
{% endblock %}