{% extends "base.html" %}
{% block title %}Shop · {{ SITE_NAME }}{% endblock %}
{% block content %}
<section class="section section-lg">
  <div class="container">
    <h1 class="text-uppercase">Shop</h1>
    <p><a href="{% url 'shop:cart' %}">View cart</a></p>
    {% for product in products %}
    <article style="margin:0 0 32px">
      <h2><a href="{{ product.get_absolute_url }}">{{ product.name }}</a></h2>
      <p class="muted">{{ product.price }} {{ product.currency|upper }} · {{ product.sku }}</p>
      <p>{{ product.description|truncatewords:40 }}</p>
    </article>
    {% empty %}
    <p>No products yet.</p>
    {% endfor %}
  </div>
</section>
{% endblock %}