{% extends "admin/base.html" %}
{% block page_title %}Рецептура страв{% endblock %}
{% block content %}
<a class="muted" style="font-size:12.5px;" href="{{ url_for('admin.inventory_list') }}">← До складу</a>
<h1>🧾 Рецептура страв</h1>
<p class="muted field-hint">Вкажіть, скільки якого інгредієнта йде на 1 порцію товару — тоді при кожному замовленні склад буде списуватись автоматично.</p>

<div class="card">
  <div class="table-wrap">
    <table class="responsive-table">
      <tr><th>Товар</th><th>Рецепт</th><th></th></tr>
      {% for p in products %}
      <tr onclick="location.href='{{ url_for('admin.inventory_recipe_edit', product_id=p.id) }}'" style="cursor:pointer;">
        <td data-label="Товар">{{ p.name }}</td>
        <td data-label="Рецепт">
          {% if counts.get(p.id, 0) %}<span class="badge completed">✅ {{ counts.get(p.id) }} {{ 'інгредієнт' if counts.get(p.id) == 1 else 'інгредієнтів' }}</span>
          {% else %}<span class="badge confirmed">⚠️ Не заповнено</span>{% endif %}
        </td>
        <td data-label=""><span class="muted">Редагувати →</span></td>
      </tr>
      {% else %}
      <tr><td colspan="3" class="muted">Товарів ще немає</td></tr>
      {% endfor %}
    </table>
  </div>
</div>
{% endblock %}