{% extends 'base.html' %}{% load static %}{% block title %}Shopping Cart{% endblock %}{% block breadcrumb %}Cart & Checkout{% endblock %}{% block content %}
<div class="page-head"><div><h2>Your shopping cart</h2><p>Review your selections and checkout securely.</p></div><a class="btn outline small" href="{% url 'categories' %}">Continue shopping</a></div>
{% if items %}<div class="cart-grid"><div class="card card-pad"><div class="cart-items">{% for item in items %}<div class="cart-item"><img src="{% if item.product.has_service_image %}{% url 'product_image' item.product.pk %}{% else %}{% static 'img/' %}{{ item.product.catalogue_image_key }}{% endif %}" alt="{{ item.product.name }}"><div><strong>{{ item.product.name }}</strong>{% if item.design %}<p class="v5-cart-artwork">✎ Saved artwork: <a href="{% url 'design_detail' item.design.pk %}">{{ item.design.title }}</a></p>{% endif %}<p class="muted small">{% if item.size != "Standard" %}{{ item.size }} · {% endif %}{% if item.paper != "Standard" %}{{ item.paper }} · {% endif %}{{ item.qty }} {% if item.size == "Standard" %}unit(s){% else %}pcs{% endif %}</p><form method="post" action="{% url 'cart_remove' %}">{% csrf_token %}<input type="hidden" name="key" value="{{ item.key }}"><button type="submit" class="text-danger">Remove</button></form></div><strong>₦{{ item.total|floatformat:2 }}</strong></div>{% endfor %}</div></div><aside class="card card-pad"><h3>Order Summary</h3><div class="summary-lines"><div><span>Subtotal</span><strong>₦{{ subtotal|floatformat:2 }}</strong></div><div><span>Delivery</span><span>To be quoted</span></div><div class="total"><span>Quoted total</span><span>₦{{ subtotal|floatformat:2 }}</span></div></div><p class="page-note">Checkout securely creates an unpaid order with a locked-in price. Online payment can be completed from the order page when available; otherwise authorized finance verifies bank transfers.</p><a class="btn block" href="{% url 'checkout' %}">Proceed to Checkout &rarr;</a></aside></div>{% else %}<div class="card card-pad empty-state"><div class="empty-icon">🛒</div><h2>Your cart is empty</h2><p>Explore printing, design, publishing and custom merchandise to get started.</p><div class="v20-cart-empty-actions"><a class="btn" href="{% url 'categories' %}">Explore Products</a><a class="btn outline" href="{% url 'studio' %}">Open Creative Studio</a></div></div>{% endif %}
{% endblock %}