{% 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="row justify-content-md-center">
        <div class="col-8 my-5 bg-secondary-subtle border border-1 rounded border-dark">
            <div class="my-4 bg-white rounded">
    
                <div class="d-flex">
                </div>


                <table class="table">
                    <thead>
                        <tr>
                            <th>Product</th>
                            <th>Price</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in cart.items.all %}
                        <tr>
                            <td>
                                {% include "payments/cart_lineitem.html" with item=item %}
                            </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>
    <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 %}