{% extends "base.html" %}
{% block content %}
<h1>Record IN/OUT (Sederhana)</h1>
<form method="post" class="card">
  <div class="grid">
    <div>
      <label>Jenis</label>
      <select name="kind">
        <option value="OUT">OUT (pemakaian)</option>
        <option value="IN">IN (penerimaan)</option>
      </select>
    </div>
    <div>
      <label>Barcode (opsional, scan & Enter)</label>
      <input type="text" name="barcode" placeholder="mis. BW001">
    </div>
    <div>
      <label>Item</label>
      <select name="item">
        {% for i in items %}<option value="{{ i.name }}">{{ i.name }} ({{ i.unit }})</option>{% endfor %}
      </select>
    </div>
    <div>
      <label>Qty</label>
      <input type="number" name="qty" step="0.01" min="0" required>
    </div>
  </div>
  <div class="grid">
    <div><label>Shift</label><input type="text" name="shift" placeholder="1/2/3"></div>
    <div><label>Area</label><input type="text" name="area" placeholder="Packing-1 / A-01"></div>
    <div class="wide"><label>Catatan</label><input type="text" name="notes" placeholder="opsional"></div>
  </div>
  <button type="submit">Simpan</button>
</form>

<h2>Snapshot Stok</h2>
<table class="table">
  <thead><tr><th>Item</th><th>Opening</th><th>IN</th><th>OUT</th><th>Current</th><th>Min</th><th>Unit</th></tr></thead>
  <tbody>
  {% for name, v in stock.items()|sort %}
    <tr>
      <td>{{ name }}</td>
      <td class="num">{{ '%.2f'|format(v.opening) }}</td>
      <td class="num">{{ '%.2f'|format(v.in) }}</td>
      <td class="num">{{ '%.2f'|format(v.out) }}</td>
      <td class="num">{{ '%.2f'|format(v.current) }}</td>
      <td class="num">{{ '%.2f'|format(v.min_stock) }}</td>
      <td>{{ v.unit }}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>

<h2>Log Terakhir (hari ini)</h2>
<table class="table">
  <thead><tr><th>Waktu</th><th>User</th><th>Item</th><th>Qty</th><th>Unit</th><th>Jenis</th><th>Shift</th><th>Area</th><th>Barcode</th><th>Catatan</th></tr></thead>
  <tbody>
  {% for r in recent|reverse %}
    <tr>
      <td>{{ r.timestamp }}</td><td>{{ r.username }}</td><td>{{ r.item }}</td>
      <td class="num">{{ r.qty }}</td><td>{{ r.unit }}</td><td>{{ r.kind }}</td>
      <td>{{ r.shift }}</td><td>{{ r.area }}</td><td>{{ r.barcode }}</td><td>{{ r.notes }}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>

<h2>Backup Google Sheets</h2>
<form method="post" action="{{ url_for('backup_google_sheets') }}" class="card">
  <div class="grid">
    <div><label>Spreadsheet Key</label><input type="text" name="sheet_key" placeholder="GSHEET_KEY (opsional jika pakai env)"></div>
    <div><label>Credentials JSON Path</label><input type="text" name="cred_path" placeholder="GOOGLE_APPLICATION_CREDENTIALS path"></div>
  </div>
  <button type="submit">Backup Sekarang</button>
</form>
{% endblock %}