{% extends "base.html" %}

{% block title %}Receipt - Makenotwork{% endblock %}
{% block body_attrs %} class="padded-page receipt-page"{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    <div class="container">
        <a href="/library" class="back-link">&larr; Back to Library</a>

        <div class="receipt-box">
            <div class="receipt-header">
                <div>
                    <h1 class="page-title">Receipt</h1>
                    <div class="receipt-brand">Makenotwork</div>
                </div>
                <div class="receipt-meta">
                    <div class="receipt-meta-line">{{ date }}</div>
                    <div class="receipt-meta-sub">{{ transaction_id }}</div>
                </div>
            </div>

            <div class="receipt-row">
                <span class="receipt-label">Item</span>
                <span><a href="/l/{{ item_id }}">{{ item_title }}</a></span>
            </div>
            <div class="receipt-row">
                <span class="receipt-label">Creator</span>
                <span><a href="/u/{{ seller_username }}">{{ seller_username }}</a></span>
            </div>

            {% if !is_free %}
            <div class="receipt-row total">
                <span>Total</span>
                <span>{{ amount }}</span>
            </div>
            <div class="receipt-row">
                <span class="receipt-label">Platform fee</span>
                <span>{{ currency_symbol }}0.00</span>
            </div>
            {% if !presented_amount.is_empty() %}
            <div class="receipt-row">
                <span class="receipt-label">You were charged</span>
                <span>{{ presented_amount }}</span>
            </div>
            <p class="receipt-note">
                {{ seller_username }} prices in {{ currency_symbol }}, so Stripe converted
                this for you at checkout. The amount above is what reaches your statement;
                Stripe's rate includes its conversion fee.
            </p>
            {% endif %}
            <div class="receipt-row">
                <span class="receipt-label">Payment method</span>
                <span>Stripe</span>
            </div>
            {% else %}
            <div class="receipt-row total">
                <span>Total</span>
                <span>Free</span>
            </div>
            {% endif %}

            <div class="receipt-row">
                <span class="receipt-label">Status</span>
                <span>{{ status }}</span>
            </div>

            <div class="receipt-footer">
                <p>Sold by {{ seller_username }} via Makenotwork. Makenotwork charges 0% platform fee. Payment processing by Stripe (~3%).</p>
                <button class="btn-secondary print-btn" data-action="printPage">Print Receipt</button>
            </div>
        </div>
    </div>
{% endblock %}