{% extends "base.html" %}

{% block title %}Receipt · CampusCart{% endblock %}

{% block content %}
{% set u = payment.user %}
{% set name = (u.profile.full_name if u and u.profile else (u.email if u else '—')) %}
<div class="container py-4">
  <div class="d-flex justify-content-end gap-2 mb-3 no-print" style="max-width: 640px; margin: 0 auto;">
    <a class="btn btn-outline-secondary btn-sm" href="{{ url_for('payments.history') }}">
      <i class="bi bi-arrow-left me-1"></i> Back</a>
    <button type="button" class="btn btn-primary btn-sm" onclick="window.print()">
      <i class="bi bi-printer me-1"></i> Print</button>
  </div>

  <div class="pay-receipt">
    <div class="pay-receipt-head">
      <div class="d-flex align-items-center gap-2">
        <span class="app-brand-logo" aria-hidden="true"><i class="bi bi-shop"></i></span>
        <div>
          <div class="fw-bold">CampusCart</div>
          <div class="small text-muted">Premium Membership Receipt</div>
        </div>
      </div>
      <span class="pay-badge pay-badge--{{ payment.status.value }}">{{ payment.status.value|title }}</span>
    </div>

    <table class="pay-receipt-rows">
      <tbody>
        <tr><th>Customer</th><td>{{ name }}{% if u %}<div class="small text-muted">{{ u.email }}</div>{% endif %}</td></tr>
        <tr><th>Premium Plan</th><td>{{ payment.plan_name|title }}</td></tr>
        <tr><th>Amount</th><td class="fw-bold">{{ currency }}{{ '{:,.2f}'.format(payment.amount|float) }} {{ payment.currency }}</td></tr>
        <tr><th>Payment Provider</th><td>{{ payment.provider|title }}</td></tr>
        <tr><th>Order ID</th><td><code>{{ payment.provider_order_id or '—' }}</code></td></tr>
        <tr><th>Payment ID</th><td><code>{{ payment.provider_payment_id or '—' }}</code></td></tr>
        <tr><th>Transaction Date</th><td>
          {{ (payment.paid_at or payment.created_at).strftime('%d %b %Y, %H:%M') }}</td></tr>
      </tbody>
    </table>

    <p class="text-muted small mt-4 mb-0">
      Thank you for supporting Student Bazaar. This receipt confirms your Premium
      membership purchase. For any questions, contact CampusCart support.
    </p>
  </div>
</div>
{% endblock %}