{% 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">Формується автоматично, коли залишок інгредієнта опускається нижче мінімуму. Привезли товар від постачальника — впишіть, скільки реально отримали, і натисніть «Зарахувати поставку»: залишки на складі й ця заявка оновляться самі.</p>

{% if open_request and open_request.items %}
<form method="post" action="{{ url_for('admin.inventory_restock_receive', request_id=open_request.id) }}">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  {% for group in grouped_items %}
  <div class="card" style="margin-bottom:16px;">
    <div class="card-head">
      <h3>
        {% if group.supplier %}🚚 <a href="{{ url_for('admin.suppliers_detail', supplier_id=group.supplier.id) }}">{{ group.supplier.name }}</a>
        {% else %}❔ Постачальник не вказано{% endif %}
      </h3>
    </div>
    <div class="table-wrap">
      <table class="responsive-table">
        <tr><th>Інгредієнт</th><th>Залишок зараз</th><th>Потрібно</th><th>Отримано</th></tr>
        {% for item in group.rows %}
        <tr>
          <td data-label="Інгредієнт"><a href="{{ url_for('admin.inventory_detail', ingredient_id=item.ingredient.id) }}">{{ item.ingredient.name }}</a></td>
          <td data-label="Залишок зараз" class="muted">{{ item.ingredient.current_stock|fmt_qty }} {{ item.ingredient.unit }}</td>
          <td data-label="Потрібно"><b>{{ item.quantity_needed|fmt_qty }}</b> {{ item.ingredient.unit }}</td>
          <td data-label="Отримано">
            <input type="number" step="{{ '1' if item.ingredient.unit in whole_units else '0.01' }}" min="0" name="received_{{ item.id }}" value="{{ item.quantity_needed|fmt_qty }}" style="margin:0;max-width:120px;">
          </td>
        </tr>
        {% endfor %}
      </table>
    </div>
  </div>
  {% endfor %}
  <button class="btn" type="submit">Зарахувати поставку</button>
</form>
{% else %}
<div class="card">
  <div class="muted">Заявок на поповнення зараз немає — усі інгредієнти в наявності. 🎉</div>
</div>
{% endif %}

{% if history %}
<h2>Історія заявок</h2>
<div class="card">
  <div class="table-wrap">
    <table class="responsive-table">
      <tr><th>№</th><th>Створено</th><th>Закрито</th></tr>
      {% for r in history %}
      <tr>
        <td data-label="№">№{{ r.id }}</td>
        <td data-label="Створено" class="muted">{{ r.created_at.strftime('%d.%m.%Y %H:%M') if r.created_at else '' }}</td>
        <td data-label="Закрито" class="muted">{{ r.completed_at.strftime('%d.%m.%Y %H:%M') if r.completed_at else '' }}</td>
      </tr>
      {% endfor %}
    </table>
  </div>
</div>
{% endif %}
{% endblock %}