{% extends "base.html" %}
{% block title %}{{ product.name }} · {{ SITE_NAME }}{% endblock %}
{% block content %}
<section class="section section-lg">
  <div class="container">
    <p><a href="{% url 'shop:list' %}">← Shop</a></p>
    <h1>{{ product.name }}</h1>
    <p class="muted">{{ product.price }} {{ product.currency|upper }} · {{ product.sku }}</p>
    <div>{{ product.description|linebreaks }}</div>
    {% if available is not None %}
    <p>{{ available }} in stock</p>
    {% endif %}
    <form method="post" action="{% url 'shop:cart_add' product.slug %}">
      {% csrf_token %}
      <label>Qty <input name="quantity" type="number" min="1" value="1"></label>
      <button class="button button-primary" type="submit">Add to cart</button>
    </form>
  </div>
</section>
{% endblock %}