{% extends "admin/base.html" %}
{% block page_title %}{{ ingredient.name }}{% endblock %}
{% block content %}
<a class="muted" style="font-size:12.5px;" href="{{ url_for('admin.inventory_list') }}">← До складу</a>
<h1>{{ ingredient.name }}</h1>

<div class="stat-grid" style="margin-bottom:18px;">
  <div class="stat-card">
    <div class="stat-top">
      <div class="stat-label">Залишок зараз</div>
      {% if ingredient.stock_status == 'critical' %}<div class="stat-icon red">🚫</div>
      {% elif ingredient.stock_status == 'low' %}<div class="stat-icon yellow">⚠️</div>
      {% else %}<div class="stat-icon green">✅</div>{% endif %}
    </div>
    <div class="stat-value">{{ ingredient.current_stock|fmt_qty }} {{ ingredient.unit }}</div>
    {% if ingredient.stock_status == 'critical' %}<span class="badge cancelled">🚫 Немає в наявності</span>
    {% elif ingredient.stock_status == 'low' %}<span class="badge confirmed">⚠️ Закінчується — мінімум {{ ingredient.reorder_threshold|fmt_qty }} {{ ingredient.unit }}</span>
    {% else %}<span class="badge completed">✅ В нормі</span>{% endif %}
  </div>
  {% if ingredient.cost_per_unit %}
  <div class="stat-card">
    <div class="stat-top">
      <div class="stat-label">Вартість залишку</div>
      <div class="stat-icon violet">💰</div>
    </div>
    <div class="stat-value">{{ ingredient.stock_value|fmt_qty }} грн</div>
    <div class="stat-sub muted">{{ ingredient.cost_per_unit|fmt_qty }} грн за {{ ingredient.unit }}</div>
  </div>
  {% endif %}
  {% if ingredient.supplier %}
  <div class="stat-card">
    <div class="stat-top">
      <div class="stat-label">Постачальник</div>
      <div class="stat-icon violet">🚚</div>
    </div>
    <div class="stat-value" style="font-size:20px;"><a href="{{ url_for('admin.suppliers_detail', supplier_id=ingredient.supplier.id) }}">{{ ingredient.supplier.name }}</a></div>
    {% if last_delivery %}
    <div class="stat-sub muted">
      Востаннє: {{ last_delivery.price_per_unit|fmt_qty if last_delivery.price_per_unit else '—' }} грн/{{ last_delivery.unit or ingredient.unit }}
      {% if last_delivery.delivery_date %}({{ last_delivery.delivery_date.strftime('%d.%m.%Y') }}){% endif %}
    </div>
    {% endif %}
  </div>
  {% endif %}
</div>

<div class="grid-2-even">
  <div class="card">
    <div class="card-head"><h3>➕➖ Прихід / списання</h3></div>
    <p class="muted field-hint" style="margin-top:-6px;">Отримали поставку від постачальника, коригуєте залишок вручну, чи щось списуєте — оберіть тип операції.</p>
    <form method="post" action="{{ url_for('admin.inventory_adjust', ingredient_id=ingredient.id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

      <label>Тип операції</label>
      <select name="reason" id="adjust-reason" onchange="onAdjustReasonChange()">
        {% if ingredient.supplier %}
        <option value="restock">🚚 Поставка від «{{ ingredient.supplier.name }}»</option>
        {% endif %}
        <option value="adjustment">⚖️ Ручне коригування (+/-)</option>
        <option value="write_off">🗑 Списання (втрати/псування)</option>
      </select>

      <div class="row">
        <div id="direction-field">
          <label>Напрямок</label>
          <select name="direction">
            <option value="in">⬆️ Поповнення (додати)</option>
            <option value="out">⬇️ Списання (відняти)</option>
          </select>
        </div>
        <div>
          <label>Кількість, {{ ingredient.unit }}</label>
          <input type="number" step="{{ '1' if ingredient.unit in whole_units else '0.01' }}" min="0" name="quantity" required>
        </div>
      </div>

      <div id="restock-fields" style="display:none;">
        <div class="row">
          <div>
            <label>Ціна за одиницю, грн <span class="muted">(необов'язково)</span></label>
            <input type="number" step="0.01" min="0" name="price_per_unit">
          </div>
          <div>
            <label>№ накладної <span class="muted">(необов'язково)</span></label>
            <input type="text" name="reference">
          </div>
        </div>
        <label>Оплачено, грн</label>
        <input type="number" step="0.01" min="0" name="paid_amount" value="0">
      </div>

      <label>Примітка (необов'язково)</label>
      <input type="text" name="note" placeholder="напр. інвентаризація, псування тощо">
      <button class="btn" type="submit" style="margin-top:14px;">Застосувати</button>
    </form>
    <script>
      function onAdjustReasonChange() {
        var reason = document.getElementById('adjust-reason').value;
        document.getElementById('restock-fields').style.display = (reason === 'restock') ? 'block' : 'none';
        document.getElementById('direction-field').style.display = (reason === 'restock') ? 'none' : 'block';
      }
      {% if ingredient.supplier %}onAdjustReasonChange();{% endif %}
    </script>
  </div>

  <div class="card">
    <div class="card-head"><h3>⚙️ Налаштування</h3></div>
    <form method="post" action="{{ url_for('admin.inventory_edit', ingredient_id=ingredient.id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <label>Назва</label>
      <input type="text" name="name" value="{{ ingredient.name }}" required>
      <label>Одиниця виміру</label>
      <select name="unit">
        {% for u in ['г', 'кг', 'мл', 'л', 'шт'] %}<option value="{{ u }}" {{ 'selected' if ingredient.unit == u }}>{{ u }}{% if u in whole_units %} (тільки ціле число){% endif %}</option>{% endfor %}
      </select>
      <div class="row">
        <div>
          <label>Мінімальний залишок <span class="muted">— сигнал докупити</span></label>
          <input type="number" step="{{ '1' if ingredient.unit in whole_units else '0.01' }}" min="0" name="reorder_threshold" value="{{ ingredient.reorder_threshold|fmt_qty }}">
        </div>
        <div>
          <label>До скількох поповнювати</label>
          <input type="number" step="{{ '1' if ingredient.unit in whole_units else '0.01' }}" min="0" name="target_stock" value="{{ ingredient.target_stock|fmt_qty }}">
        </div>
      </div>
      <label>Вартість за одиницю, грн</label>
      <input type="number" step="0.01" min="0" name="cost_per_unit" value="{{ ingredient.cost_per_unit|fmt_qty if ingredient.cost_per_unit else '' }}">
      {% if suppliers %}
      <label>Основний постачальник <span class="muted">(необов'язково)</span></label>
      <select name="supplier_id">
        <option value="">— не вказано —</option>
        {% for s in suppliers %}
        <option value="{{ s.id }}" {{ 'selected' if ingredient.supplier_id == s.id }}>{{ s.name }}</option>
        {% endfor %}
      </select>
      {% endif %}
      <label style="display:flex;align-items:center;gap:8px;margin-top:10px;">
        <input type="checkbox" name="is_active" class="admin-checkbox" {{ 'checked' if ingredient.is_active }}>
        Активний (враховувати в рецептурах і списанні)
      </label>
      <button class="btn secondary" type="submit" style="margin-top:14px;">Зберегти зміни</button>
    </form>

    <form method="post" action="{{ url_for('admin.inventory_delete', ingredient_id=ingredient.id) }}"
          onsubmit="return confirm('Видалити «{{ ingredient.name }}» назавжди? Це прибере його з усіх рецептів і зітре історію рухів. Скасувати не можна.');"
          style="margin-top:10px;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <button class="btn danger" type="submit">🗑 Видалити інгредієнт</button>
    </form>
  </div>
</div>

{% if used_by %}
<h2>🍽 Використовується у стравах</h2>
<div class="card">
  {% for p in used_by %}
  <a class="badge" style="margin:0 6px 6px 0;text-decoration:none;" href="{{ url_for('admin.inventory_recipe_edit', product_id=p.id) }}">{{ p.name }}</a>
  {% endfor %}
</div>
{% endif %}

<h2>📜 Історія рухів</h2>
<div class="card" style="max-width:520px;">
  <h3 style="margin-top:0;">📥 Скачати історію</h3>
  <form method="get" action="{{ url_for('admin.inventory_report_ingredient_movements', ingredient_id=ingredient.id, fmt='xlsx') }}">
    <div class="row">
      <div>
        <label>З дати <span class="muted">(необов'язково)</span></label>
        <input type="date" name="date_from">
      </div>
      <div>
        <label>По дату <span class="muted">(необов'язково)</span></label>
        <input type="date" name="date_to">
      </div>
    </div>
    <div style="display:flex;gap:10px;margin-top:10px;">
      <button class="btn secondary small" type="submit">📊 Excel</button>
      <button class="btn secondary small" type="submit" formaction="{{ url_for('admin.inventory_report_ingredient_movements', ingredient_id=ingredient.id, fmt='pdf') }}">📄 PDF</button>
    </div>
  </form>
</div>
<div class="card">
  <div class="table-wrap">
    <table class="responsive-table">
      <tr><th>Дата</th><th>Зміна</th><th>Причина</th><th>Примітка</th><th>Хто</th></tr>
      {% for m in movements %}
      <tr>
        <td data-label="Дата">{{ m.created_at.strftime('%d.%m.%Y %H:%M') if m.created_at else '' }}</td>
        <td data-label="Зміна" style="color:{{ 'var(--success)' if m.change > 0 else 'var(--danger)' }};font-weight:700;">
          {{ '+' if m.change > 0 }}{{ m.change|fmt_qty }} {{ ingredient.unit }}
        </td>
        <td data-label="Причина">{{ m.reason_label() }}{% if m.order %} <a href="{{ url_for('admin.orders_detail', order_id=m.order.id) }}">{{ m.order.display_number() }}</a>{% endif %}</td>
        <td data-label="Примітка" class="muted">{{ m.note or '—' }}</td>
        <td data-label="Хто" class="muted">{{ m.admin_username or '—' }}</td>
      </tr>
      {% else %}
      <tr><td colspan="5" class="muted">Рухів ще не було</td></tr>
      {% endfor %}
    </table>
  </div>
</div>
{% endblock %}