From 51bbea4361d4fafe93997ed0f3dae05be8389c96 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Thu, 19 Sep 2024 19:52:02 +0100
Subject: wip: getting the thumbnails of resources

---
 pyblackbird_cc/templates/payments/cart_detail.html | 27 ++++++++++++++--------
 1 file changed, 18 insertions(+), 9 deletions(-)

(limited to 'pyblackbird_cc/templates/payments')

diff --git a/pyblackbird_cc/templates/payments/cart_detail.html b/pyblackbird_cc/templates/payments/cart_detail.html
index 7c51814..3f95b83 100644
--- a/pyblackbird_cc/templates/payments/cart_detail.html
+++ b/pyblackbird_cc/templates/payments/cart_detail.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% load static %}
 
-    {% block content %}
+{% block content %}
 <div class="container my-5">
     <h1 class="mb-4">My basket</h1>
     <p class="text-body-secondary">{% lorem %}</p>
@@ -13,23 +13,32 @@
                     <tr>
                         <th>Product</th>
                         <th>Price</th>
-                        <th>Quantity</th>
-                        <th>Total</th>
                     </tr>
                 </thead>
                 <tbody>
-                    {% for item in cart_items %}
+                    {% for item in cart.items.all %}
                     <tr>
-                        <td>{{ item.product.name }}</td>
-                        <td>${{ item.product.price }}</td>
-                        <td>{{ item.quantity }}</td>
-                        <td>&#163;{{ item.total }}</td>
+                        <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 colspan="3" class="text-end">Total:</th>
+                        <th class="text-end">Total:</th>
                         <th>&#163;{{ cart_total }}</th>
                     </tr>
                 </tfoot>
-- 
cgit v1.2.3