Cart, totals and promotions

{% form 'cart', cart %}
  <ul>
    {% for item in cart.items %}
      <li>
        <a href="{{ item.url | escape }}">{{ item.product.title | escape }} — {{ item.variant.title | escape }}</a>
        <label for="Quantity-{{ section.id }}-{{ forloop.index }}">Quantity</label>
        <input id="Quantity-{{ section.id }}-{{ forloop.index }}" type="number" name="updates[]" value="{{ item.quantity }}" min="0" step="1">
        <span>{{ item.final_line_price | money_with_currency }}</span>
        <a href="{{ item.url_to_remove | escape }}">Remove this line</a>
      </li>
    {% endfor %}
  </ul>
  <p>{{ cart.total_price | money_with_currency }}</p>
  <button type="submit" name="update">Update cart</button>
  <button type="submit" name="checkout"{% if cart.empty? %} disabled{% endif %}>Checkout</button>
{% endform %}

<dl>
  <dt>Items after applied discounts</dt>
  <dd>{{ cart.total_price | money_with_currency }}</dd>
</dl>
<p>Shipping, taxes and final eligibility are confirmed at checkout.</p>
{% if shop.shipping_policy != blank %}
  <a href="{{ shop.shipping_policy.url | escape }}">Shipping conditions</a>
{% endif %}
{% if shop.refund_policy != blank %}
  <a href="{{ shop.refund_policy.url | escape }}">Return conditions</a>
{% endif %}
<ul aria-label="Supported payment types">
  {% for type in shop.enabled_payment_types %}
    <li>{{ type | payment_type_svg_tag }}</li>
  {% endfor %}
</ul>

export function bindDiscountCopy(button, input, status) {
  button.addEventListener('click', async () => {
    const value = input.value.trim();
    if (!value) return;
    try {
      await navigator.clipboard.writeText(value);
      status.textContent = 'Code copied. Check its conditions at checkout.';
    } catch {
      input.focus();
      input.select();
      status.textContent = 'Select and copy the code.';
    }
  });
}
// Use a read-only text input, a type=button control and a role=status element.
// Copying a code does not apply or validate a discount.