{% extends 'base.html' %}

{% block title %}Your Cart - GiftShop Polska{% endblock %}

{% block content %}
<section class="py-5">
    <div class="container py-5">
        <h1 class="display-5 font-playfair mb-5">Shopping Cart</h1>
        <div class="row">
            <div class="col-lg-8">
                <div class="p-5 bg-light rounded-4 text-center">
                    <i class="bi bi-cart3 display-1 text-muted mb-3"></i>
                    <h3>Your cart is empty</h3>
                    <p class="text-muted">Looks like you haven't added anything to your cart yet.</p>
                    <a href="{% url 'catalog' %}" class="btn btn-primary mt-3 text-white">Start Shopping</a>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card border-0 shadow-sm p-4 rounded-4">
                    <h4 class="mb-4">Summary</h4>
                    <div class="d-flex justify-content-between mb-2">
                        <span>Subtotal</span>
                        <span>0,00 zł</span>
                    </div>
                    <div class="d-flex justify-content-between mb-4">
                        <span>Delivery</span>
                        <span class="text-muted">Calculated at next step</span>
                    </div>
                    <hr>
                    <div class="d-flex justify-content-between mb-4">
                        <span class="h5">Total</span>
                        <span class="h5">0,00 zł</span>
                    </div>
                    <button class="btn btn-primary w-100 py-3 text-white disabled">Checkout</button>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}
