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

<table class="table">
  <thead><tr><th>Nama</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>
        <form method="post" style="display:inline">
          <input type="hidden" name="action" value="delete">
          <input type="hidden" name="name" value="{{ i.name }}">
          <button class="danger" onclick="return confirm('Hapus item?')">Hapus</button>
        </form>
      </td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}