{% extends "base.html" %}
{% block title %}{{ t('Inventory Adjustment') }}{% endblock %}
{% block content %}
<div class="page-head"><div><small><a href="{{ url_for('inventory.pickings', kind='adjust') }}">{{ t('Adjustments') }}</a></small>
  <h1>{{ t('Inventory Adjustment') }}</h1><small>{{ t('Enter the quantity you counted; the difference is posted to the inventory adjustment account.') }}</small></div></div>
<form method="post" class="card">
  <div class="grid">
    <div class="field"><label>{{ t('Warehouse') }} *</label>
      <select name="warehouse_id" id="wh" required>
        {% for w in warehouses %}<option value="{{ w.id }}">{{ w.code }} — {{ nm(w) }} ({{ branches[w.branch_id].code if w.branch_id in branches else '' }})</option>{% endfor %}
      </select></div>
    <div class="field"><label>{{ t('Date') }} *</label><input type="date" name="date" value="{{ today }}" required></div>
    <div class="field wide"><label>{{ t('Notes') }}</label><input name="notes" placeholder="{{ t('e.g. Year-end stock count') }}"></div>
  </div>
  <h2 style="margin-top:22px">{{ t('Lines') }}</h2>
  <table class="lines" data-lines data-mode="adjust" data-add="#add-line">
    <thead><tr><th>{{ t('Product') }}</th><th class="num" style="width:18%">{{ t('On Hand') }}</th><th class="num" style="width:18%">{{ t('Counted Quantity') }}</th><th></th></tr></thead>
    <tbody>
      <tr class="tpl">
        <td><select name="product_id" disabled class="adj-product"><option value=""></option>
          {% for p in products %}<option value="{{ p.id }}">{{ p.code ~ ' ' if p.code }}{{ nm(p) }}</option>{% endfor %}</select></td>
        <td class="num on-hand">—</td>
        <td><input name="counted" class="num" inputmode="decimal" disabled></td>
        <td><button type="button" class="del">×</button></td>
      </tr>
    </tbody>
  </table>
  <button type="button" class="btn ghost small" id="add-line" style="margin-top:10px">+ {{ t('Add line') }}</button>
  <div class="form-actions"><button class="btn">{{ t('Apply Adjustment') }}</button><a class="btn ghost" href="{{ url_for('inventory.stock') }}">{{ t('Cancel') }}</a></div>
</form>
{% endblock %}
{% block scripts %}
<script>
(function () {
  var onHand = {{ on_hand|tojson }};
  var wh = document.getElementById('wh');
  function refresh() {
    document.querySelectorAll('table.lines tbody tr:not(.tpl)').forEach(function (tr) {
      var p = tr.querySelector('.adj-product').value;
      var q = (onHand[wh.value] || {})[p];
      tr.querySelector('.on-hand').textContent = p ? (q || 0) : '—';
    });
  }
  document.addEventListener('change', function (e) { if (e.target.matches('.adj-product') || e.target === wh) refresh(); });
})();
</script>
{% endblock %}