{% extends 'base.html' %}
{% load static %}
{% block title %}Your Cart — PickkerMarket{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 900px;">
        <span class="section-kicker">{{ t.cart_step }}</span>
        <h1>{{ t.cart_title }}{% if is_b2b %} <span class="b2b-hero-badge" style="color: var(--dark); border-color: var(--border); vertical-align: middle;">{{ t.cart_b2b_badge }}</span>{% endif %}</h1>

        {% if items %}
        <table class="cart-table">
            <thead>
                <tr><th>{{ t.cart_col_product }}</th><th>{{ t.cart_col_price }}</th><th>{{ t.cart_col_quantity }}</th><th>{{ t.cart_col_total }}</th><th></th></tr>
            </thead>
            <tbody>
                {% for item in items %}
                <tr>
                    <td>
                        {% if item.product.image_url %}<img src="{{ item.product.image_url }}" alt="">{% endif %}
                        {{ item.product.name }}
                        {% if item.measure_label %}<br><small style="color: var(--muted);">{{ item.measure_label }}</small>{% endif %}
                    </td>
                    <td>TSh {{ item.unit_price|floatformat:0 }}/{% if item.measure_label %}{{ item.measure_label }}{% else %}{{ item.product.unit }}{% endif %}{% if item.min_qty > 1 %}<br><small style="color: var(--muted);">{{ t.cart_min }} {{ item.min_qty }}</small>{% endif %}</td>
                    <td>
                        <div class="qty-controls">
                            <form method="post" action="{% url 'market:update_cart_item' item.cart_item_id %}">
                                {% csrf_token %}<input type="hidden" name="action" value="decrease">
                                <button type="submit">-</button>
                            </form>
                            {{ item.quantity }}
                            <form method="post" action="{% url 'market:update_cart_item' item.cart_item_id %}">
                                {% csrf_token %}<input type="hidden" name="action" value="increase">
                                <button type="submit">+</button>
                            </form>
                        </div>
                    </td>
                    <td>TSh {{ item.line_total|floatformat:0 }}</td>
                    <td>
                        <form method="post" action="{% url 'market:update_cart_item' item.cart_item_id %}">
                            {% csrf_token %}<input type="hidden" name="action" value="remove">
                            <button type="submit" class="btn-small">{{ t.cart_remove }}</button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>

        <div class="cart-summary">
            <div class="cart-summary-row total">
                <span>{{ t.cart_subtotal }}</span>
                <span>TSh {{ subtotal|floatformat:0 }}</span>
            </div>
        </div>

        <div style="text-align: right; margin-top: 24px;">
            <a href="{% url 'market:checkout_location' %}" class="btn-cta">{{ t.cart_proceed_checkout }} &rarr;</a>
        </div>
        {% else %}
        <p>{{ t.cart_empty }} <a href="{% url 'market:market' %}">{{ t.cart_browse_market }}</a> {{ t.cart_to_add_produce }}</p>
        {% endif %}
    </div>
</section>
{% endblock %}