{% extends "portal_base.html" %}
{% block title %}Products · Portal{% endblock %}
{% block topbar_title %}Products{% endblock %}
{% block portal_content %}
<p><a class="btn btn-primary" href="{% url 'shop_portal:product_new' %}">New product</a></p>
<table class="table">
  <thead><tr><th></th><th>Name</th><th>SKU</th><th>Price</th><th>Stock</th><th>Status</th></tr></thead>
  <tbody>
    {% for product in products %}
    <tr>
      <td>
        {% if product.image_id %}
        <img class="product-thumb" src="{{ product.image_url }}" alt="">
        {% else %}
        <span class="product-thumb product-thumb-empty"></span>
        {% endif %}
      </td>
      <td><a href="{% url 'shop_portal:product_edit' product.pk %}">{{ product.name }}</a></td>
      <td>{{ product.sku }}</td>
      <td>{{ product.price }} {{ product.currency|upper }}</td>
      <td>{{ product.display_stock_qty }}</td>
      <td>{% if product.is_published %}Published{% else %}Draft{% endif %}</td>
    </tr>
    {% empty %}
    <tr><td colspan="6" class="empty-state">No products yet.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}