{% extends "base.html" %}
{% block title %}Корзина — {{ app_name }}{% endblock %}

{% block content %}
<section class="page-section">
  <div class="section-head">
    <h2>Корзина</h2>
    <p>Проверьте товары перед оформлением</p>
  </div>

  {% if not items %}
  <div class="empty-state">
    <p>Корзина пуста</p>
    <a class="btn btn-primary" href="/#catalog">Перейти в каталог</a>
  </div>
  {% else %}
  <div class="cart-list">
    {% for item in items %}
    <article class="cart-row tone-{{ item.product.image_gradient }}">
      <div class="cart-thumb"><span class="product-mark">{{ item.product.title[:1] }}</span></div>
      <div class="cart-info">
        <a href="/product/{{ item.product.slug }}">{{ item.product.title }}</a>
        <div class="muted">В наличии: {{ item.stock }}</div>
      </div>
      <div class="cart-price">{{ item.product.price | rub }}</div>
      <form method="post" action="/cart/update" class="inline-form">
        <input type="hidden" name="product_id" value="{{ item.product.id }}" />
        <input type="number" name="quantity" min="0" max="{{ item.stock }}" value="{{ item.quantity }}" />
        <button class="btn btn-ghost btn-tiny" type="submit">OK</button>
      </form>
      <div class="cart-line">{{ item.line_total | rub }}</div>
      <form method="post" action="/cart/remove/{{ item.product.id }}">
        <button class="btn btn-ghost btn-tiny" type="submit">Удалить</button>
      </form>
    </article>
    {% endfor %}
  </div>
  <div class="cart-summary">
    <div class="price big">Итого: {{ total | rub }}</div>
    <a class="btn btn-primary" href="/checkout">Оформить заказ</a>
  </div>
  {% endif %}
</section>
{% endblock %}