aboutsummaryrefslogtreecommitdiffstats
path: root/pyblackbird_cc/templates/payments/cart_detail.html
diff options
context:
space:
mode:
Diffstat (limited to 'pyblackbird_cc/templates/payments/cart_detail.html')
-rw-r--r--pyblackbird_cc/templates/payments/cart_detail.html65
1 files changed, 35 insertions, 30 deletions
diff --git a/pyblackbird_cc/templates/payments/cart_detail.html b/pyblackbird_cc/templates/payments/cart_detail.html
index ba8c43e..1867f1a 100644
--- a/pyblackbird_cc/templates/payments/cart_detail.html
+++ b/pyblackbird_cc/templates/payments/cart_detail.html
@@ -1,38 +1,43 @@
{% extends "base.html" %}
{% load static %}
-{% block content %}
+ {% block content %}
<div class="container my-5">
- <h1 class="mb-4">Shopping Cart</h1>
- {% if cart_items %}
- <table class="table">
- <thead>
- <tr>
- <th>Product</th>
- <th>Price</th>
- <th>Quantity</th>
- <th>Total</th>
- </tr>
- </thead>
- <tbody>
- {% for item in cart_items %}
- <tr>
- <td>{{ item.product.name }}</td>
- <td>${{ item.product.price }}</td>
- <td>{{ item.quantity }}</td>
- <td>${{ item.total }}</td>
- </tr>
- {% endfor %}
- </tbody>
- <tfoot>
- <tr>
- <th colspan="3" class="text-end">Total:</th>
- <th>${{ cart_total }}</th>
- </tr>
- </tfoot>
- </table>
+ <h1 class="mb-4">My basket</h1>
+ {% 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>
+ <th>Quantity</th>
+ <th>Total</th>
+ </tr>
+ </thead>
+ <tbody>
+ {% for item in cart_items %}
+ <tr>
+ <td>{{ item.product.name }}</td>
+ <td>${{ item.product.price }}</td>
+ <td>{{ item.quantity }}</td>
+ <td>${{ item.total }}</td>
+ </tr>
+ {% endfor %}
+ </tbody>
+ <tfoot>
+ <tr>
+ <th colspan="3" class="text-end">Total:</th>
+ <th>${{ cart_total }}</th>
+ </tr>
+ </tfoot>
+ </table>
+
+ </div>
+ </div>
<div class="d-flex justify-content-end">
- <a href="{% url 'checkout' %}" class="btn btn-primary">Checkout</a>
+ <a href="#" class="btn btn-primary">Checkout</a>
</div>
{% else %}
<p>Your cart is empty.</p>