{% extends "pbp_store/store_base.html" %}

{% block right-side %}{% endblock right-side %}

{% load catalog_filters %}

{% block body %}
    <table id="receipt">
        <caption>Your order has been placed!<br /><br />
            Your Order Number is: {{order.pk}}
        </caption>
        <thead>
        <tr>
            <th scope="col">Name</th>
            <th scope="col">Price</th>
            <th scope="col">Quantity</th>
            <th class="right" scope="col">Total</th>
        </tr>
        </thead>
        <tfoot>
            <tr>
                <td colspan="4" class="right" style="height:30px;">
                Order Total: {{order.total|currency}}
                </td>
            </tr>
        </tfoot>
        <tbody>
        {% for item in order.order_items %}
        <tr>
            <td>{{ item.name }}</td>
            <td>{{ item.price|currency }}</td>
            <td>{{ item.quantity }}</td>
            <td class="right">{{ item.total|currency }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock body %}