pyblackbird_cc/templates/payments/cart_detail.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

{% extends "base.html" %}
{% load static %}

{% block content %}
<div class="container my-5">
    <h1 class="mb-4">My basket</h1>
    <p class="text-body-secondary">{% lorem %}</p>
    {% if cart %}
    <div class="my-5 bg-secondary-subtle border border-1 rounded border-dark">
        <div class="my-4 bg-white rounded">
            <table class="table">
                <thead>
                    <tr>
                        <th>Product</th>
                        <th>Price</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in cart.items.all %}
                    <tr>
                        <td>
                            <div class="d-flex flex-row justify-content-between">
                                <p>TODO: we don't have access to thumbnails yet!</p>
                                <div>
                                    {{ item.resource.name }}
                                </div>
                                {% for tn_url, tn_filename in item.resource.thumbnails  %}
                                <p>{{ tn_url }}</p>
                                <div>
                                    <img class="img-fluid rounded" src="{{ tn_url }}" alt=" {{ tn_filename }}"/> 
                                </div>
                                {% endfor %}
                            </div>
                        </td>
                        <td>&#163;{{ item.product.price }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
                <tfoot>
                    <tr>
                        <th class="text-end">Total:</th>
                        <th>&#163;{{ cart_total }}</th>
                    </tr>
                </tfoot>
            </table>

        </div>
    </div>
    <div class="d-flex justify-content-end">
        <a href="#" class="btn btn-primary">Checkout</a>
    </div>
    {% else %}
    <p>Your cart is empty.</p>
    {% endif %}
</div>
{% endblock %}