{% extends "base.html" %}
{% block content %}
<h1>Master Items</h1>
<form method="post" class="card">
  <input type="hidden" name="action" value="add">
  <div class="grid">
    <div><label>Nama Item</label><input type="text" name="name" required></div>
    <div><label>Satuan</label><input type="text" name="unit" required></div>
    <div><label>Opening</label><input type="number" step="0.01" name="opening_stock" value="0"></div>
    <div><label>Min</label><input type="number" step="0.01" name="min_stock" value="0"></div>
    <div><label>Barcode</label><input type="text" name="barcode" placeholder="opsional"></div>
  </div>
  <button type="submit">Tambah</button>
</form>

<table class="table">
  <thead><tr><th>Item</th><th>Unit</th><th>Opening</th><th>Min</th><th>Barcode</th><th>Aksi</th></tr></thead>
  <tbody>
  {% for i in items %}
    <tr>
      <td>{{ i.name }}</td><td>{{ i.unit }}</td>
      <td class="num">{{ i.opening_stock }}</td><td class="num">{{ i.min_stock }}</td><td>{{ i.barcode }}</td>
      <td class="rowflex">
        <form method="post" class="inline">
          <input type="hidden" name="action" value="update">
          <input type="hidden" name="name" value="{{ i.name }}">
          <input type="text" name="unit" value="{{ i.unit }}" style="width:90px">
          <input type="number" step="0.01" name="opening_stock" value="{{ i.opening_stock }}" style="width:120px">
          <input type="number" step="0.01" name="min_stock" value="{{ i.min_stock }}" style="width:100px">
          <input type="text" name="barcode" value="{{ i.barcode }}" style="width:120px">
          <button type="submit">Update</button>
        </form>
        <form method="post" onsubmit="return confirm('Hapus item ini?')" class="inline">
          <input type="hidden" name="action" value="delete">
          <input type="hidden" name="name" value="{{ i.name }}">
          <button class="danger" type="submit">Hapus</button>
        </form>
      </td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}