{% 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">
        <div class="col-8 my-5 bg-secondary-subtle border border-1 rounded border-dark">
            <div class="my-4 bg-white rounded">
    
                <div>
                    {% for item in cart.items.all %}
                    <div class="my-3">
                        {% include "payments/cart_lineitem.html" with item=item %}
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>

        <div class="col-4 my-5">
            {% include "payments/cart_sidepanel.html" with cart=cart %} 
        </div>

    </div>
    {% else %}
    <p>Your cart is empty.</p>
    {% endif %}
</div>
{% endblock %}