{% extends "base/module_base.html" %}
{% set active_page = 'pos' %}
{% block pagehead %}<title>Transaction #{{ tx.id }}</title>{% endblock %}
{% set sidebar_bgtrigger = 'pos_tx' %}
{% block sidebar %}{% include 'pos/blocks/sidebar.html' %}{% endblock %}
{% block content %}
<br>
<div class="card">
    <div class="card-body">
        <h2>Transaction #{{ tx.id }}</h2>
        <a class="btn btn-primary mb-3" href="{{ url_for('shopyo_ecommerce.pos.transactions_list') }}">< BACK</a>
        <table class="table table-sm">
            <tr><td>Date</td><td>{{ tx.time.strftime('%Y-%m-%d %H:%M') if tx.time else '-' }}</td></tr>
            <tr><td>Total</td><td><strong>${{ '%.2f'|format(tx.total_amount|float) }}</strong></td></tr>
            <tr><td>Payment Method</td><td>{{ tx.method_of_payment }}</td></tr>
            <tr><td>Cashier ID</td><td>{{ tx.cashier_id }}</td></tr>
            <tr><td>Discount</td><td>{% if tx.discount_type %}{{ tx.discount_type }} {{ tx.discount_value }}{% else %}None{% endif %}</td></tr>
            <tr><td>Notes</td><td>{{ tx.notes or '-' }}</td></tr>
        </table>
        <h4>Items</h4>
        <table class="table table-striped">
            <thead><tr><th>Barcode</th><th>Qty</th><th>Unit Price</th><th>Subtotal</th></tr></thead>
            <tbody>
                {% for item in tx.items %}
                <tr><td>{{ item.product_barcode }}</td><td>{{ item.quantity }}</td><td>${{ '%.2f'|format(item.unit_price|float) }}</td><td>${{ '%.2f'|format(item.quantity * item.unit_price|float) }}</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}