{% extends "admin/base.html" %}
{% block content %}
<h1>Товари</h1>

<div class="filters">
  <form method="get">
    <select name="category_id" onchange="this.form.submit()">
      <option value="">Усі категорії</option>
      {% for c in categories %}
      <option value="{{ c.id }}" {{ 'selected' if selected_category == c.id }}>{{ c.name }}</option>
      {% endfor %}
    </select>
  </form>
  <a class="btn" href="{{ url_for('admin.products_new') }}">+ Новий товар</a>
</div>

<div class="card">
  <div class="table-wrap">
  <table class="responsive-table">
    <tr><th></th><th>Назва</th><th>Категорія</th><th>Вага</th><th>Ціна</th><th>Активний</th><th></th></tr>
    {% for p in products %}
    <tr>
      <td data-label="Фото">{% if p.image_url %}<img class="thumb" src="{{ p.image_url }}">{% else %}<div class="thumb"></div>{% endif %}</td>
      <td data-label="Назва">{{ p.name }}</td>
      <td data-label="Категорія" class="muted">{{ p.category.name }}</td>
      <td data-label="Вага">{{ p.weight }}</td>
      <td data-label="Ціна">
        {% if p.pricing_mode == 'per_100g' %}
          {{ p.price }} грн/100г <span class="muted">(≈{{ p.effective_unit_price }} грн)</span>
        {% else %}
          {{ p.price }} грн
        {% endif %}
      </td>
      <td data-label="Активний">{{ '✅' if p.is_active else '🚫' }}</td>
      <td data-label="" class="actions-cell">
        <a class="btn small secondary" href="{{ url_for('admin.products_edit', product_id=p.id) }}">Редагувати</a>
        <form method="post" action="{{ url_for('admin.products_toggle', product_id=p.id) }}" style="display:inline;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button class="btn small secondary" type="submit">{{ 'Приховати' if p.is_active else 'Показати' }}</button>
        </form>
        <form method="post" action="{{ url_for('admin.products_delete', product_id=p.id) }}" style="display:inline;" onsubmit="return confirm('Видалити товар?');">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button class="btn small danger" type="submit">Видалити</button>
        </form>
      </td>
    </tr>
    {% else %}
    <tr><td colspan="7" class="muted">Товарів ще немає</td></tr>
    {% endfor %}
  </table>
  </div>
</div>
{% endblock %}