{% extends "base.html" %}

{% block title %}Receipt - Makenot.work{% 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">Makenot.work</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>$0.00</span>
            </div>
            <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 Makenot.work. Makenot.work charges 0% platform fee. Payment processing by Stripe (~3%).</p>
                <button class="btn-secondary print-btn" onclick="window.print()">Print Receipt</button>
            </div>
        </div>
    </div>
{% endblock %}