{% extends "base.html" %}
{% block title %}Products{% endblock %}
{% block content %}
<div class="page-head">
  <h1>Products</h1>
  <div class="d-flex gap-2">
    <form class="d-flex gap-2" method="get">
      <input class="form-control" name="q" value="{{ q }}" placeholder="Search name or SKU" aria-label="Search name or SKU">
      <button class="btn btn-outline-secondary">Search</button>
    </form>
    <a class="btn btn-primary text-nowrap" href="{{ url_for('product_form') }}">Add product</a>
  </div>
</div>
<div class="panel flush">
  <table class="table align-middle">
    <thead><tr><th>SKU</th><th>Product</th><th>Category</th><th class="num">Cost</th><th class="num">Sale price</th>
      <th class="num">Reorder at</th><th class="num">On hand</th><th></th></tr></thead>
    <tbody>
    {% for p in rows %}
      <tr><td>{{ p.sku }}</td><td>{{ p.name }}</td><td>{{ p.category or '' }}</td>
        <td class="num">{{ p.cost_price|money }}</td><td class="num">{{ p.sale_price|money }}</td>
        <td class="num">{{ p.reorder_level }}</td>
        <td class="num"><span class="tag{% if p.on_hand <= 0 %} empty{% elif p.on_hand > p.reorder_level %} plain{% endif %}">{{ p.on_hand }}</span> {{ p.unit }}</td>
        <td class="num">
          <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('product_form', product_id=p.id) }}">Edit</a>
          {% if session.role == 'admin' %}
          <form class="d-inline" method="post" action="{{ url_for('product_archive', product_id=p.id) }}"
                onsubmit="return confirm('Archive {{ p.name }}? Its history stays in the reports.')">
            <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
            <button class="btn btn-sm btn-outline-danger">Archive</button>
          </form>
          {% endif %}
        </td></tr>
    {% else %}
      <tr><td colspan="8" class="text-secondary">{% if q %}Nothing matches "{{ q }}".{% else %}No products yet. Add the first one.{% endif %}</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}