{% extends "tenant/layouts/base.html" %}
{% block title %}Receipt #{{ transaction.id }}{% endblock %}
{% block content %}
<div class="row justify-content-center">
  <div class="col-md-6">
    <div class="card shadow-sm">
      <div class="card-body p-4">
        <div class="text-center mb-4">
          <h5 class="fw-bold">{{ tenant.name }}</h5>
          {% if location %}<p class="text-muted small mb-0">{{ location.name }}</p>{% endif %}
          <p class="text-muted small">{{ transaction.created_at.strftime('%B %d, %Y %I:%M %p') }}</p>
          <p class="text-muted small">Receipt #{{ transaction.id }}</p>
          {% if transaction.voided_at %}
          <div class="alert alert-danger py-1 mt-2">VOIDED — {{ transaction.void_reason }}</div>
          {% endif %}
        </div>
        <table class="table table-sm mb-3">
          <tbody>
            {% for item in items %}
            <tr>
              <td>
                {% if item.service %}{{ item.service.name }}
                {% elif item.product %}{{ item.product.name }}
                {% endif %}
                {% if item.discount_percent > 0 %}
                <span class="badge bg-success ms-1">{{ item.discount_percent }}% off</span>
                {% endif %}
              </td>
              <td class="text-end">
                {% if item.discount_percent > 0 %}
                <del class="text-muted small">${{ "%.2f"|format(item.original_price) }}</del>
                {% endif %}
                ${{ "%.2f"|format(item.unit_price) }}
              </td>
            </tr>
            {% endfor %}
          </tbody>
          <tfoot class="fw-semibold">
            {% if transaction.discount > 0 %}
            <tr class="text-success"><td>Savings</td><td class="text-end">-${{ "%.2f"|format(transaction.discount) }}</td></tr>
            {% endif %}
            {% if transaction.tip_amount > 0 %}
            <tr><td>Tip</td><td class="text-end">${{ "%.2f"|format(transaction.tip_amount) }}</td></tr>
            {% endif %}
            {% if transaction.gift_card_amount > 0 %}
            <tr class="text-info"><td>Gift Card</td><td class="text-end">-${{ "%.2f"|format(transaction.gift_card_amount) }}</td></tr>
            {% endif %}
            <tr class="table-dark fs-5"><td>Total</td><td class="text-end">${{ "%.2f"|format(transaction.total) }}</td></tr>
            <tr><td>Payment</td><td class="text-end">{{ transaction.payment_method.title() }}</td></tr>
          </tfoot>
        </table>
        <div class="d-flex gap-2 justify-content-center flex-wrap">
          <a href="{{ url_for('pos.checkout') }}" class="btn btn-primary">New Transaction</a>
          <a href="{{ url_for('pos.rebook', transaction_id=transaction.id) }}" class="btn btn-outline-primary">Rebook</a>
          {% if not transaction.voided_at %}
          <a href="{{ url_for('pos.void', transaction_id=transaction.id) }}" class="btn btn-outline-danger">Void</a>
          {% endif %}
          <a href="{{ url_for('pos.transactions') }}" class="btn btn-outline-secondary">Transactions</a>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}